0

プロジェクトの焦点

チェックボックスの切り替え

特別な要件

div.id containerこれらのチェックボックスを保持する新しい（動的に）追加されたものをバインドする必要があります。注:これdiv.idは動的に生成されています (クライアント側)。

状態

私のワーキングフィドルは、1（1つ）または0（なし）のチェックボックスを正常に切り替えます。

HTML

<div id="bind_id">
    <input type="checkbox" name="iso_01[]" class="setTitlePre1" value="L/R" />
    <label for name "iso_01" class="isoVar1">No.1</label>
    <input type="checkbox" name="iso_01[]" class="setTitlePre2" value="Alt" />
    <label for name "iso_01" class="isoVar2">No.2</label>
</div>

作業スクリプト

var checkboxes;
checkboxes = $("input[name^=iso_01]").change(function (e) {
checkboxes.not(this).prop("checked", false);
}
});

望ましい結果

Bound Fiddle.click()を.on("click","input..."表示するために更新するための構文に問題があります

更新されたスクリプト

var checkboxes;
checkboxes = $("#bind_id").on("change", "input[name^=iso_01]", function (e) {
if (this.checked) {
checkboxes.not(this).prop("checked", false);
}
});
4

3 に答える 3

1

あなたの問題は、

checkboxes = $("#bind_id").on

あなたが思っていることをしていません。一致したすべてのノードを保存しているわけではありません。

代わりにこれを試してください：

コールバックで、変更

checkboxes.not(..)

に

$('input[name^=iso_01]').not(this).prop("checked", false);

働くフィドル

または、それらが動的にロードされる場合は、使用できます$('#bind_id').find('input[name^=iso_01]')

于 2015-01-20T05:07:04.587 に答える