文章/答案/技术大牛

发布

社区首页 >问答首页 >jquery中的数组复选框验证

问jquery中的数组复选框验证
EN

Stack Overflow用户

提问于 2016-08-07 23:34:38

回答 2查看 3.8K关注 0票数 1

我想使用Jquery验证数组复选框，但我不知道如何使用jquery验证复选框……这是我的代码

<div class="col-sm-8">
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='0' id='checkboxvar[]'>L</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='1' id='checkboxvar[]'>M</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='2' id='checkboxvar[]'>Mi</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='3' id='checkboxvar[]'>J</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='4' id='checkboxvar[]'>V</label>
</div>

<script>
 function validate() {
        if($("#checkboxvar").is(':checked')) {
            alert("actived");
        } else {
            alert("No actived");
        }
    }
</script>

html

checkbox

javascript

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-08-08 00:02:31

首先，删除重复的id。每页Id应该是唯一的。

演示：https://jsfiddle.net/Prakash_Thete/bdjue21w/

如果你想检查哪个复选框在validate上被选中，你可以将公共类应用到所有的复选框中，然后遍历它，检查其中的任何一个是否被选中。

如下所示

 function validate() {
    $(".checkboxvar").each(function(index){
       if($(this).is(':checked')){
        alert("checked element value : " + + $(this).val());
       } else{
       alert("unchecked element value: " + $(this).val());
       }
 });
 }

假设HTML是这样的：

<div class="col-sm-8">
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='0' class='checkboxvar'>L</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='1' class='checkboxvar'>M</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='2' class='checkboxvar'>Mi</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='3' class='checkboxvar'>J</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='4' class='checkboxvar'>V</label>
</div>

票数 2

Stack Overflow用户

发布于 2016-08-08 00:10:17

You can validate like below:

function validate(){
    if ($('input[name^=checkboxvar]:checked').length <= 0) {
        alert("Not active");
    }else{
        alert("active");
    }
}

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38815713

复制

相似问题

问jquery中的数组复选框验证
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery中的数组复选框验证EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery中的数组复选框验证
EN