日期:2014-05-16  浏览次数:20381 次

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() 的方式。