checkbox的length问题

今天在做选择页面的时候,当页面里面只有一条记录,只有一个CHECKBOX时,获取CHECKBOX的LENGTH一直报UNDEFIND错误
JavaScript的checkbox框架可以如下使用:

<FORM NAME="list" METHOD="post">
<INPUT name=no TYPE=checkbox>
<INPUT name=no TYPE=checkbox>
<INPUT name=no TYPE=checkbox>
</FORM>

在js中:
for(var i=0;i<document.list.no.length;i++){
 if(document.list.no[i].checked){
  allvalue +=document.list.no[i].value+",";
 }
}

但是当只有一个checkbox时, 上面的代码就会运行错误了.如:
<FORM NAME="list" METHOD="post">
<INPUT name=no TYPE=checkbox>
</FORM>

这时document.list.no.length document.list.no[0]将会是undefined
因为它现在已经不再是数组了.所以直接取其value就行了.如:
document.list.no.value 
document.list.no.checked

综合上述情况, 只要在js中加以判断就OK了.
if(typeof(document.list.no) == "undefined") cbvalue="";
else if(typeof(document.list.no.length)=="undefined"){
 if(document.list.no.checked) cbvalue=document.list.no.value;
}else{
 for(var i=0;i<document.list.no.length;i++){
  if(document.list.no[i].checked){
   cbvalue +=document.list.no[i].value+",";
  }
 }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
element checkbox rules校验问题是指在使用element-ui库中的checkbox组件时,进行校验时遇到的问题。 在element-ui库中,checkbox组件可以通过rules属性进行校验。该属性接受一个数组,每个元素都是一个包含validator和message属性的对象,分别表示校验函数和对应的错误提示信息。 当我们需要对checkbox进行校验时,可以在rules数组中添加校验规则。例如,可以添加一个规则,要求至少选择三个checkbox,代码如下: ```html <template> <el-checkbox-group v-model="checkedList" :rules="checkboxRules"> <el-checkbox label="选项1"></el-checkbox> <el-checkbox label="选项2"></el-checkbox> <el-checkbox label="选项3"></el-checkbox> </el-checkbox-group> </template> <script> export default { data() { return { checkedList: [], checkboxRules: [ { validator: (rule, value, callback) => { if (value.length < 3) { callback(new Error('请至少选择三个选项')); } else { callback(); } }, trigger: 'change', }, ], }; }, }; </script> ``` 在上述示例中,我们定义了一个checkboxRules数组,其中包含一个校验规则。该规则的validator属性是一个函数,判断勾选的选项数量是否小于3,如果是则返回一个错误信息。当checkbox的选择状态发生变化时,将会触发校验。 校验结果会通过callback回调函数返回给用户。如果校验未通过,我们可以通过抛出一个Error对象,将错误信息作为参数传递给callback函数。如果校验通过,则直接调用callback函数。 值得注意的是,在创建checkbox组件的父级表单中,还需要以el-form的形式包裹checkbox组件,并设置其rules属性,才能使校验生效。 总结:通过element-ui的checkbox组件的rules属性,我们可以对checkbox进行校验,根据自定义的校验规则来判断其合法性,并通过回调函数返回校验结果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值