我是靠谱客的博主 贤惠电灯胆,最近开发中收集的这篇文章主要介绍js中循环获取checkbox值的方式,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

在html页面的表单中,有事需要获取checkbox值,由于它是可以重复多选的,所以需要通过循环方式进行获取,常用的方式有:

 

vm中的checkbox:

 


<div class="accheckbox2">
<div><input type="checkbox" name="viewZoomConfig" class="addcasecheckbox" value="xiaoerView" #if("$!{xiaoerView}"=="true") checked #end/></div>
<div class="iscase4">仅业务小二可见</div>
<div><input type="checkbox" name="viewZoomConfig" class="addcasecheckbox" value="needPassword" #if("$!{needPassword}"=="true") checked #end/></div>
<div class="iscase4">查询加密</div>
</div>

 

方式一:

 

 

var viewZoomConfig = document.getElementsByName("viewZoomConfig");
var viewZoomConfigStr="";
for (i = 0; i < viewZoomConfig.length; i++) {
if (viewZoomConfig[i].checked) {
viewZoomConfigStr += viewZoomConfig[i].value + "#";
}
}

 

方式二(推荐):

 

 

 var viewZoomConfigStr="";
$("input[type='checkbox']:checkbox:checked").each(function(){
viewZoomConfigStr+=$(this).val()+"#";
}); 
 

 同时,获取一些标签比如:input的输入值得方式最好不要采用document.getElementById('XXXid")  而是采用$("#XXXid").val() 的方式。

最后

以上就是贤惠电灯胆为你收集整理的js中循环获取checkbox值的方式的全部内容,希望文章能够帮你解决js中循环获取checkbox值的方式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(68)

评论列表共有 0 条评论

立即
投稿
返回
顶部