15

ここで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);
  });
 });
4

7 に答える 7

14

jQueryセレクターでチェック値を取得するもう1つのハックな方法：

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

ただし、チェックされた値のAFAIKデフォルトクラスは構成で変更できます。

ところで、非常に単純な機能でこのような問題が発生する場合、iCheck は適切な選択ではないと思います。

于 2014-01-04T19:04:13.313 に答える
6

これを試してみてください： - 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);
    });
});
于 2013-09-10T14:08:28.920 に答える
1

これは私にとってはうまくいきます...試してみてください

HTML:<input type="checkbox" id=checkbox" name="checkbox" />

jQuery:$( "#checkbox" ).prop("checked");

于 2016-06-25T05:23:13.640 に答える