iCheck库:所选单选按钮的值

Question

jsFiddle 在这里.

我是Javascript的新手,无法在iCheck页面上关注文档.我已经按照这里看起来非常相关的StackOverflow问题的答案,但是无法获得警告以弹出显示我选择的值.有人能指出我正确的方向吗？

HTML

<p>Are you sure you want to have your details removed from our marketing list?</p>
<div id="unsubscribe_radio">
    <ul>
        <li>
            <input type="radio" name="iCheck" value="yes">
            <label>Yes</label>
        </li>
        <li>
            <input type="radio" name="iCheck" value="no">
            <label>No</label>
        </li>
    </ul>
</div>

使用Javascript

$(document).ready(function () {
  $('input').iCheck({
     radioClass: 'iradio_flat-orange'
  });
  $("input:radio[name=iCheck]").click(function () {
     var value = $(this).val();
     alert("You clicked " + value);
  });
 });

Answer 1

你必须像这样使用iCheck

$(document).ready(function () {
    $('input[name="iCheck"]').on('ifClicked', function (event) {
        alert("You clicked " + this.value);
    });
    $('input').iCheck({
        radioClass: 'iradio_flat-orange'
    });
});

DEMO

文档

Answer 2

使用jQuery选择器获取检查值的另一种hacky方法:

$(".checked input[name=name-of-original-input]").val();

但是,可以在配置中更改已检查值的AFAIK默认类.

顺便说一句,我认为iCheck不是一个很好的选择,如果它以非常简单的功能创建这样的问题.

Answer 3

我发现其他答案很有用.但是,它们依赖于iCheck的'ifClicked'.您可能不希望每次选择新的单选按钮时都弹出该值,而是仅在用户点击要求警报和相应值的特定按钮时弹出.

例如:

$(document).on('click', '.buttonClass', function(event) {
  return alert($('.radioClass:checked').val());
});

Answer 4

试试这个: - http://jsfiddle.net/adiioo7/yhmu97qh/

JS: -

$(document).ready(function () {
    $('input').iCheck({
        radioClass: 'iradio_flat-orange'
    });

    $('input').on('ifClicked', function (event) {
        var value = $(this).val();
        alert("You clicked " + value);
    });
});