AIDE技术官网
AIDEZY.COM

JQuery实现checkbox的三种反选方法

JQuery实现checkbox的三种反选方法:

JQuery实现checkbox的三种反选方法

JQuery实现checkbox的三种反选方法:

直接上代码

jquery的三种checkbox反选。

 

JQuery实现checkbox的三种反选方法 jQuery教程 第2张

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="button" name="fan" value="反选" onclick="fan();">
<br>
<!-- <input type="checkbox" name=""> -->
<p><input type="checkbox" name=""></p>
<p><input type="checkbox" name=""></p>

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

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

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

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


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

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

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

<script type="text/javascript">

// alert($);
//第一种方法
//作者无陌然blog:aidezy.com
function fan(){
var fan = $('p input:checkbox');
for(var i =0; i <= fan.length; i++){
if ($(fan[i]).prop('checked')) {
$(fan[i]).prop('checked' , false);
}else{
$(fan[i]).prop('checked' , true);
}
} 
}

//第二种和方法

function fan(){
$('p input:checkbox').each(function(){
if ($(this).prop('checked')) {
$(this).prop('checked' , false);
}else{
$(this).prop('checked' , true);
}
});
}

//第三种方法
function fan(){
$('p input:checkbox').each(function(){
this.checked = !this.checked;
// console.log(this);
});
}

</script>
</html>

 

 

 

搜一下

海报生成 赞(0) 打赏

来都来了!评论一下呗! 抢沙发

  • QQ (自动获取名称头像等信息|选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

登录

忘记密码 ?

切换登录

注册