<input type="button" value="全选" name="select_all" onclick="select_all()" />
<input type="button" value="全不选" name="select_none" onclick="select_none()" />
<input type="button" value="反选" name="select_oppo" onclick="select_oppo" />
<p>选择1:<input type="checkbox" /></p>
<p>选择2:<input type="checkbox" /></p>
<p>选择3:<input type="checkbox" /></p>
<p>选择4:<input type="checkbox" /></p>
<p>选择5:<input type="checkbox" /></p>
<p>选择6:<input type="checkbox" /></p>
<p>选择7:<input type="checkbox" /></p>
</body>
<script src="public/Js/jquery-3.3.1.js"></script>
<script type="text/javascript">
//操作节点布尔属性:prop
function select_all()
{
$('input:checkbox').prop('checked', true);
}
function select_none()
{
$('input:checkbox').prop('checked', false);
}
function select_oppo()
{
$('input:checkbox').each(function(){
this.checked = !this.checked;
});
}
注:在回调函数中的循环过程中,循环到哪个DOM对象,回调函数中的this就指向哪个DOM对象