How to acces an array radio list element's value with Ajax

Question

I have a form containing multiple radio lists like that:

<div id="Question[180]">
    <input name="Question[180]" id="6" value="6" class="inputbox" size="1" type="radio">oui
    <input name="Question[180]" id="7" value="7" class="inputbox" size="1" type="radio">non
</div>
...

Reading that discussion How can I know which radio button is selected via jQuery? I thought accessing the radio value as

$(\"input[name='Question[180]:checked'\").val()

but it always returns 'undefined'

How can I access Question[180] curent checked value with Ajax ?

score 0 · Answer 1 · answered Oct 22 '18 at 11:37

try this code using radio button name

$(document).ready(function() {
  $("input[type='radio']").click(function() {
    var radioValue = $("input[name='Question[180]']:checked").val();
    if (radioValue) {
      alert("Your are a - " + radioValue);
    }
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="Question[180]">
  <input name="Question[180]" id="6" value="6" class="inputbox" size="1" type="radio">oui
  <input name="Question[180]" id="7" value="7" class="inputbox" size="1" type="radio">non
</div>

score 0 · Answer 2 · answered Oct 22 '18 at 11:39

Try this.

$('input[name="Question[180]"]').change(function() {
  console.log($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="Question[180]">
  <input name="Question[180]" id="6" value="6" class="inputbox" size="1" type="radio">oui
  <input name="Question[180]" id="7" value="7" class="inputbox" size="1" type="radio">non
</div>

score 0 · Answer 3 · answered Oct 22 '18 at 12:03

0

Found my mistake was just syntax problem. Correct answer is:

$(\"input[name='Question[180]']:checked\").val()

answered Oct 22 '18 at 12:03

kmchen

39
5

How to acces an array radio list element's value with Ajax

3 Answers3