13

基本ラジオボックス

<div class="adv_filter">
    <li>
        <input type="radio" name="letter_type" data-custom="Text" value="0"> Text</li>
    </li>
        <li>
            <input type="radio" name="letter_type" data-custom="Text" value="0"> Text</li>
    </li>
</div>

iCheck 変換

<!-- iCheck output format
<div class="adv_filter">
    <li>
        <div class="iradio_square-orange checked" aria-checked="true" aria-disabled="false" style="position: relative;"><input type="radio" name="letter_type" data-custom="Text" value="0" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div> Text</li>

        <li>
            <div class="iradio_square-orange" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="radio" name="letter_type" data-custom="Text" value="0" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div> Text</li>

</div> -->

ご覧のとおり、チェックはdivに添付されています。

    $(document).ready(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-orange',
            radioClass: 'iradio_square-orange',
            increaseArea: '20%' // optional
        });
        $("li").on("click", "input", function () {
            var val = $(this).val();
            //updateDataGrid(val);
            alert(val);
        });

    });

質問と説明

icheck プラグインを追加する前に JavaScript コードが適切に機能していれば、icheck プラグインで 同じ結果を得る方法を知りたいと思っています。その単純なラジオ クリックで、後で変数に値を格納し、さらに関数に渡します。

実際の例: http://jsfiddle.net/9ypwjvt4/

iCheck : http://fronteed.com/iCheck/

4

4 に答える 4

25

ifChangedイベントにハンドラーをアタッチします。

$('input').on('ifChecked', function(event){
  alert($(this).val()); // alert value
});

変更をリッスンするには11 の方法があります。

  • ifClicked- ユーザーがカスタマイズされた入力または割り当てられたラベルをクリックした
  • ifChanged- 入力のチェック済み、無効、または不確定の状態が変更されました
  • ifChecked- 入力の状態がチェック済みに変更されました
  • ifUnchecked- チェックされた状態が削除されます
  • ifToggled- 入力のチェック状態が変更されました
  • ifDisabled-入力の状態が無効に変更されました
  • ifEnabled- 無効状態が削除されました
  • ifIndeterminate- 入力の状態が不確定に変更されました
  • ifDeterminate- 不確定状態が削除されます
  • ifCreatedinput- カスタマイズされたばかりです
  • ifDestroyed- カスタマイズは削除されました

JSFIDDLE

于 2014-10-18T16:17:02.527 に答える
0

これを使って

// Check #x
$( "#x" ).prop( "checked", true );
 
// Uncheck #x
$( "#x" ).prop( "checked", false );

于 2016-06-22T20:02:52.123 に答える