jqery和js如何判断checkbox是否选中

Html

Css


    交通事故

    自然灾害

    恶劣天气

    严重违法行为

    路面损毁

    全选
    全不选
    反选
    必须选择一个

//全选  
 function selectAll() {
     var names = document.getElementsByName("bjjb");
     for (var i = 0; i < names.length; i++) {
         names[i].checked = true;
     }
 }

//全不选  
 function selectNone() {
     var names = document.getElementsByName("bjjb");
     for (var i = 0; i < names.length; i++) {
         names[i].checked = false;
     }
 }

//反选  
 function selectInvert() {
     var names = document.getElementsByName("bjjb");
     for (var i = 0; i < names.length; i++) {
         if (names[i].checked) {
             names[i].checked = false;
         } else {
             names[i].checked = true;
         }
     }
 }

//必须选择一个  
 function selectOne() {
     var names = document.getElementsByName("bjjb");
     var flag = false; //标记判断是否选中一个                 
     for (var i = 0; i < names.length; i++) {
         if (names[i].checked) {
             flag = true;
             break;
         }
     }
     if (!flag) {
         alert("请最少选择一项！");
         return false;
     }
 }

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

jqery和js如何判断checkbox是否选中



代码描述：复选框全选、全不选、反选、必选一个

1

最新

发表评论全部评论

暂时没有评论！

感觉，不到你憔悴的心0

2017/7/24 14:52:44

一般如果美化一下复选框会更好回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

Jason

相关代码

jqery和js如何判断checkbox是否选中

最新