程序博客网 > 牛菲特软件

JavaScript反选-全选-全不选代码

来源：互联网发布：牛菲特软件编辑：程序博客网时间：2024/06/06 08:43

<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="JS/jquery-1.12.2.js"></script>

</head>

<body>

//打出选项

<input type="checkbox"/>香蕉

<input type="checkbox"/>苹果
<input type="checkbox"/>草莓
<input type="checkbox"/>葡萄
<input type="checkbox"/>榴莲
<input type="checkbox"/>菠萝蜜
<br/><br/>
<input type="button" id="btnall" value="全选"/>
<input type="button" id="btnno" value="全不选"/>

<input type="button" id="btnreverse" value="反选"/>

<script>

//全选
$(function(){
$("#btnall").click(function(){
$("input[type='checkbox']").each(function(i){
this.checked=true;
});
//对于复选框来说，使用attr来设置属性，会有问题，所以换用了prop；
$("input[type='checkbox']").prop("checked", true);
});
//全不选

$("#btnno").click(function(){
$("input[type='checkbox']").prop("checked", false);
});

// 反选
$("#btnreverse").click(function(){
$("input[type='checkbox']").each(function(i){
this.checked=!this.checked;
});
});

});
</script>
</body>
</html>

、

0 0

牛菲特软件

牛菲特软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子我的阿姨 www姐姐姐姐h 我与阿姨中脉会员登录进入网站电脑开机无法进入桌面 wwwxiaomingtv进入 4399奥比岛快速进入进军微商黄进军大进军向沙漠进军进军大进军解放大西北大进军大战宁沪杭 1836向美洲进军大进军之大战宁沪杭大进军南线大追歼 1836向美洲进军光速树袋熊战火兄弟连进军30高地深空的暗夜小队蓝进军蚁进击的农妇进击农妇进击的宠妃进击的村花进击宠妃进击的兔子进击进击的进击的居然进击的贝吉塔进击的梦想家进击是什么意思进击的小学生进巨人击的巨人进制十六进制进制转换器 16进制 16进制计算器十六进制转二进制