私のコードは、semantic-ui チェックボックス モジュールを使用しています。私は4つのチェックボックスを持っています。コードは、すべてのチェックボックスがいつオフになるかを判断する必要があります。
チェックボックスの 1 つの HTML:
<div class="inline field">
<div class="ui toggle checkbox insurance">
<input type="checkbox" name="insurance">
<label>Would You Like To Reduce Your Monthly Insurance Costs</label>
</div>
</div>
Javascript:
var $services = $('.service-selection').find('.ui.checkbox'),
$userData = $('.user-data');
function updateElements(elem, show) {
...
// show second segment only when atleast one service checkbox is checked
if ($services.filter(":checked").size() > 0) {
$userData.removeClass('hidden');
}
else {
$userData.addClass('hidden');
}
}
$services.checkbox({
'onEnable': function() {updateElements(this, true)},
'onDisable': function() {updateElements(this, false)}
});
セマンティック ui は実際には、対応する要素のchecked
属性を設定していないことがわかりました。input
したがって、:checked
セレクターは失敗します。
私の質問は、それを行う方法ですか?