Pass list from an onclick to jquery method

Question

I am trying to pass a c# list parameter using an onclick to a jquery method. It refuses to go to the method I am assuming its the brackets [] that causes that and the string inside the list have slashes & other characters. A string inside the list might look like this; "*abc/def-"

Please assist

<input type="radio" class="btn-check" value="Maybe" name="ckhanswerA" id="chk" onclick="nextSlide(@Json.Serialize(@question))" />

function nextSlide(question) {
    debugger;
    var myList = JSON.parse(question);

}

Please update your question to show what you have already tried in a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example). — Alive to die - Anant, Mar 29 '23 at 05:54
BTW TRY : `onclick="nextSlide('@Json.Serialize(@question)')"` — Alive to die - Anant, Mar 29 '23 at 05:56
*the string inside the list* - as noted above, the problem is that you *don't* have a string in your onclick, you have an object, which makes no sense for HTML (which must be a string). Always check the *rendered* HTML, you'll see that the rendered HTML is not valid *for HTML*. Add quotes as above. — freedomn-m, Mar 29 '23 at 07:23
@Anant-Alivetodie with the quotes i "Uncaught SyntaxError: Invalid or unexpected token" — Anele Ngqandu, Mar 29 '23 at 08:24
could you please share the value of `@Json.Serialize(@question)`? if it's big then initial part of it otherwise whole of it. Update it in your question. — Alive to die - Anant, Mar 29 '23 at 08:27
this is PHP solution but you can get the idea how to do it (in c#) : https://stackoverflow.com/a/17636615/4248328 — Alive to die - Anant, Mar 29 '23 at 09:28

score 0 · Answer 1 · answered Mar 31 '23 at 06:17

You need to escape the generated JSON so that it can be used in the string variable.

<input type="radio" class="btn-check" value="Maybe" name="ckhanswerA" id="chk" onclick='nextSlide(@HttpUtility.JavaScriptStringEncode(Json.Serialize(@question)))' />

reference: How to escape JSON string?

Pass list from an onclick to jquery method

1 Answers1