javascript - 忽略值单选按钮 - iCheck

Question

我尝试通过这种方式从单选按钮 (iCheck) 获取值，但始终只返回第一个单选按钮的值，而忽略其余的。理论上说代码没问题，即使这样它返回的结果也很糟糕。

Radio box, get the checked value [iCheck]

我的代码:

<div class="step row">
  <div class="col-md-10">
    <h3>YYYYYY.</h3>
    <ul class="data-list-2">
      <li><input name="p1" id="p1" type="radio" class="required check_radio" value="1"><label>Yes</label></li>
      <li><input name="p1" id="p1" type="radio" class="required check_radio" value="0"><label>No</label></li>
      <li><input name="p1" id="p1" type="radio" class="required check_radio" value="2"><label>Meybe</label></li>
    </ul>
  </div>
</div>
<!-- end step -->

我获取值(value)的方法:

$(document).ready(function() {
  $('#p1').on('ifChecked', function(event) { //try ifClicked - ifToggled 
    alert($(this).val()); // alert value
  });
});

所有时间返回值 1，即使选择了另一个选项。

请帮忙，我尝试了整晚不同的方法，但没有用；(

Answer 1

我不确定您是如何为单选按钮生成 ID 的，但是 id属性应该始终是唯一的，因为您希望对单选按钮进行相同的事件处理，只需使用 class以便它将事件附加到属于该 class 的所有单选按钮，那么您不必为每个人添加事件 id :

所以不是这个:

//If you did it this way, you'd have to have one of these blocks for each
//unique id belonging to a radio button
$('#p1').on('ifChecked', function(event){ //try ifClicked - ifToggled 
  alert($(this).val()); // alert value
});

改成这样:

//Use the class instead so that the same event handling can be added to all radio
//buttons in one block of code
$('.required.check_radio').on('ifChecked', function(event){ //try ifClicked - ifToggled 
  alert($(this).val()); // alert value
});