JQuery实现checkbox的全选与取消

JQuery实现checkbox的全选与取消:

jquery简单实现checkbox属性的全选与取消。

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p><input type="checkbox" name="xuan"></p>
<p><input type="checkbox" name="xuan"></p>

<p><input type="checkbox" name="xuan"></p>

<p><input type="checkbox" name="xuan"></p>

<p><input type="checkbox" name="xuan"></p>

<input type="button"  value="全选">
<input type="button"  value="取消">


</body>
<script type="text/javascript" src="jquery-3.4.1.js"></script>


<script type="text/javascript">


function xuan(){

$('input:checkbox').prop('checked' , true);

}

function bu(){
$('input:checkbox').prop('checked' , false);
}


</script>
</html>

效果图:

资源均来自第三方，谨慎下载，前往第三方网站下载解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com