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