Javascript 使用复选框选中父复选框。jQuery
基本上,我正在尝试编写一个js func,如果我选中一个子复选框,父复选框也会选中,如果还没有选中的话。我正在使用jquery,下面是我的html:Javascript 使用复选框选中父复选框。jQuery,javascript,jquery,checkbox,checked,Javascript,Jquery,Checkbox,Checked,基本上,我正在尝试编写一个js func,如果我选中一个子复选框,父复选框也会选中,如果还没有选中的话。我正在使用jquery,下面是我的html: <div class="checkboxes right"> <label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده </label>
<div class="checkboxes right">
<label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده </label>
<div class="child"><label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده</label>
<label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده</label>
<label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده</label>
<label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده</label>
<label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده</label>
</div>
</div>
<div class="sepp"></div>
<div class="checkboxes left">
<label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده</label>
<div class="child"><label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده</label>
<label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده</label>
<label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده</label>
<label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده</label>
<label for="enablenotice"><input type="checkbox" id="enablenotice">اطلاع رسانی ها را از طریق ایمیلم اطلاع بده</label>
</div>
</div>
<script>
$(document).ready(function() {
$('.child input').change(function() {
if ($(this).is(':checked')) {
$(this).closest('ul').siblings('input:checkbox').attr('checked', true);
}
});
});
</script>
选中/禁用时使用.prop而不是.attr。看
那个么id在HTML页面中必须是唯一的,很多事情都不会起作用
您的输入没有ul has祖先。您只需遍历DOM即可访问父复选框。上两级父级将带您到和。prev将在div之前选择标签。最后,.findinput将找到父级标签的输入元素 我必须删除for属性,因为它们会导致问题,在本例中不需要,而且拥有一堆相同的ID也不好 $document.readyfunction{ $'.child input'.changefunction{ 如果$this.is':选中'{ $this.parent.parent.prev.findinput.prop'checked',true; } }; }; 分区儿童{ 左:2米; } اطلاع رسانی ها را از طریق ایمیلم اطلاع بده اطلاع رسانی ها را از طریق ایمیلم اطلاع بده اطلاع رسانی ها را از طریق ایمیلم اطلاع بده اطلاع رسانی ها را از طریق ایمیلم اطلاع بده اطلاع رسانی ها را از طریق ایمیلم اطلاع بده اطلاع رسانی ها را از طریق ایمیلم اطلاع بده اطلاع رسانی ها را از طریق ایمیلم اطلاع بده اطلاع رسانی ها را از طریق ایمیلم اطلاع بده اطلاع رسانی ها را از طریق ایمیلم اطلاع بده اطلاع رسانی ها را از طریق ایمیلم اطلاع بده اطلاع رسانی ها را از طریق ایمیلم اطلاع بده اطلاع رسانی ها را از طریق ایمیلم اطلاع بده 没有ul元素