通过点击事件选中多选框

参考：https://blog.csdn.net/qq_35370002/article/details/107913331

复制下面代码使用测试

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
 
<!-- 
    forEach()方法使用
    语法：array.forEach(callback(currentvalue,index,arr) ,thisValue)
    其中
    callback为数组中每个元素执行的函数，该函数可接受1-3个参数：
 
      currentvalue参数表示数组的当前元素项，必须的参数
      index参数表示的当前元素下标，可选参数
      arr参数表示当前元素所属的数组，可选参数
 
    thisValue表示执行回调函数callback()时的this指向。可选参数。当不写时，则默认是指向window全局
 
 
 
    forEach()是没有返回值的！
 
    forEach适用于只是进行集合或数组遍历，for则在较复杂的循环中效率更高
 
     
 
 -->
 
<script>
$(document).ready(function(){
    
  $("#btn").click(function(){
    debugger;
    var array = [0,1,2,3,4];
    array.forEach(function(item,index){
        alert("数组第"+(index+1)+"个元素是"+item);
        if(item == "0" ){
            $("#btype0").prop("checked",true);
        }
        if(item == "1" ){
            $("#btype1").prop("checked",true);  
        }
        if(item == "2" ){
            $("#btype2").prop("checked",true);  
        }
        if(item == "3" ){
            $("#btype3").prop("checked",true);  
        } 
        if(item == "4" ){
            $("#btype4").prop("checked",true);  
        } 
    });
  });
 
 
});
</script>
</head>
 
<body>
<p>多选框的选择</p>
 
<input type="checkbox" id="btype0" name="business_type"  value="0" > 苹果 
<input type="checkbox" id="btype1" name="business_type"  value="1" > 香蕉 
<input type="checkbox" id="btype2" name="business_type"  value="2" > 梨子 
<input type="checkbox" id="btype3" name="business_type"  value="3" > 西瓜 
<input type="checkbox" id="btype4" name="business_type"  value="4" > 其他 
             
<br/>
<br/>
<br/>
<button id="btn" >点击自动选择多选框</button>
 
</body>
</html>