jquery处理checkbox(复选框)是否被选中实例代码
程序员文章站
2022-07-05 20:49:33
jquery处理checkbox(复选框)是否被选中
现在如果一个复选框被选中,是用checked=true,checked="checked"也行
要用prop代替a...
jquery处理checkbox(复选框)是否被选中
现在如果一个复选框被选中,是用checked=true,checked="checked"也行
要用prop代替attr会更好,虽然在jquery1.6之前版本的attr()方法能正常使用,但是现在必须使用prop()方法代替
实例代码:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <title>checkbox</title> </head> <body> <input type="button" id="btn1" value="全选"> <input type="button" id="btn2" value="取消全选"> <input type="button" id="btn3" value="选中所有奇数"> <input type="button" id="btn4" value="反选"> <input type="button" id="btn5" value="获得选中的所有值"> <input type="checkbox" value="checkbox1"/> <input type="checkbox" value="checkbox2"/> <input type="checkbox" value="checkbox3"/> <input type="checkbox" value="checkbox4"/> <input type="checkbox" value="checkbox5"/> <script src="js/jquery-3.2.0.min.js"></script> <script> $(function(){ var checkbox = $("input[type=checkbox]"); $("#btn1").on("click",function(){ checkbox.prop("checked",true); }); $("#btn2").on("click",function(){ checkbox.prop("checked",false); }); $("#btn3").on("click",function(){ $("input[type=checkbox]:even").prop("checked",true); }); $("#btn4").on("click",function(){ checkbox.each(function(){ if($(this).prop("checked")){ $(this).prop("checked",false); }else{ $(this).prop("checked",true); } }); }); $("#btn5").on("click",function(){ var str = ""; $("input[type=checkbox]").each(function(){ if($(this).prop("checked")){ str += $(this).val() + ","; } }); console.log(str); }); }); </script> </body> </html>
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
上一篇: 优雅的处理vue项目异常实战记录
推荐阅读
-
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
-
ASP checkbox复选框是否被选中的代码(结合数据库)
-
jquery处理checkbox(复选框)是否被选中实例代码
-
jquery checkbox,radio是否选中的判断代码_jquery
-
ASP checkbox复选框是否被选中的代码(结合数据库)
-
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
-
jQuery验证Checkbox是否选中的代码 推荐_jquery
-
jquery判断checkbox(复选框)是否被选中的代码_jquery
-
jquery判断checkbox(复选框)是否被选中的代码_jquery
-
jQuery验证Checkbox是否选中的代码 推荐_jquery