EDIT: я должен был объяснить, что во втором наборе флажков активируются только некоторые из них, в зависимости от того, что пользователь выбирает из первого набора — если пользователь выбирает первый флажок, то второй флажок во втором наборе. включен, тогда как если они выбирают второе поле в первом наборе, то включается другой набор флажков во втором наборе. Извиняюсь, надо было понятнее объяснить.
У меня есть две серии флажков следующим образом:
<input class="oDiv" type="checkbox" value="1" />
<input class="oDiv" type="checkbox" value="2" />
<input disabled="disabled" class="Spec" type="checkbox" value="1" />
<input disabled="disabled" class="Spec" type="checkbox" value="2" />
<input disabled="disabled" class="Spec" type="checkbox" value="5" />
<input disabled="disabled" class="Spec" type="checkbox" value="8" />
<input disabled="disabled" class="Spec" type="checkbox" value="10" />
<input disabled="disabled" class="Spec" type="checkbox" value="30" />
У меня есть код jQuery, который включает второй набор флажков на основе выбора:
$('.oDiv').on('click', function() {
var select = $(this).val();
if(select==1){
$('.Spec:eq(1)').prop('disabled', false);
}
else{$('.Spec').prop('disabled', true);}
});
Теперь происходит то, что когда пользователь выбирает 1, правильный флажок во втором списке активируется, но когда пользователь снимает флажок, он не отключается.
jsFiddle: http://jsfiddle.net/pvSeL/
Итак, чего я пытаюсь добиться, когда пользователь устанавливает флажок, соответствующие элементы включаются, а когда они снимают флажок, они становятся отключенными.
if
, так как значение всегда будет1
. 06.11.2013