I speak the following languages:
 
English
 
Français
 
Español
 
是否有必要以命名郎[](使用阵列)或I可以给每个复选框一个单独的名称，如复选框：
 
I speak the following languages:
 
English
 
Français
 
Español
 
问题1相信无论作品，如果是的话，你什么时候决定使用哪一个？
 
问题2我使用以上，所以我可以用PHP检测该复选框的选择是通过使用类似于if(isset($_POST['lang_en']))一个代码列出的第二个方法。如果我要使用第一种方法，是否有一种快速方法来检查是否选择了特定的复选框？目前我能想到的未经测试的解决方案涉及到做一个if(in_array('lang_en', $_POST['lang']))来检查它是否存在于$ _POST中。
 
问题3主要问题是这样的：我使用第二种方法，所以我可以很容易地检查一个复选框是否在PHP中被选中。现在我想添加一个文本链接，点击后将选中所有的复选框。我的Javascript不太好，所以我使用http://www.shiningstar.net/articles/articles/javascript/checkboxes.asp的脚本，但示例脚本使用数组作为复选框的名称，而我的PHP代码无法检查复选框是否与数组一起用于复选框的名称。 javascript代码如何修改为无数组工作？
 
希望我能想出这个烦人的问题！谢谢！
 
编辑
 
的Javascript：
 
HTML：
 
 American
 Chinese
 Indian
 Japanese
 Korean
 Mexican
 Middle Eastern
 Pakistani
 Italian
 
2011-06-20
 
Nyxynyx
 
+1
 
附加选项 - ''。这是我在需要动态复选框列表时使用的。当列表是静态的(即硬编码)时，我使用'name ='lang_en''选项。我从不使用复选框的'value'属性。 –
 
+0
 
哇，这太酷了，我必须尝试一下，谢谢！ –

 
layui提交（ajax方式）checkbox多个复选框值（数组）到后台用数组接收
 
问题
解决
总结
 

 
问题
 
layui的form中，选中多个checkbox复选框（name都相同）时，data.field中只会有最后一个选中的checkbox的值！
 jsp代码：
 
<div class="layui-form-item" pane>
	    <label class="layui-form-label">驳回后不再上传</label>
        <div class="layui-input-block">
            <c:forEach items="${openUploadArr }" var="v" varStatus="status">
                <c:set var="currBankTypeEnum" value="${BankType.getEnumByValue(v) }"/>
                <input type="checkbox" name="noRepeatUploadBanks" value="${currBankTypeEnum.value }" title="${currBankTypeEnum.desc }" <c:forEach items="${noRepeatUploadBankArr }" var="nrub"><c:if test="${nrub eq currBankTypeEnum.value }">checked="checked"</c:if></c:forEach>>
            </c:forEach>
        </div>
</div>
 
js代码（控制台输出data.field）:
 
layui.use('form', function(){
	    var form = layui.form;
	    form.on('submit(submit)', function(data){
 		    console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: "value"}
 		    ......
 		});
});
 
控制台输出：
 
 
解决
 
方式一（不推荐）
 在提交form前先遍历所有选中的checkbox，将他们的value拼接成字符串，写入到data.field中，再传到后台用字符串接收，后台再切割成数组。
 前台：
 
layui.use('form', function(){
	    var form = layui.form;
	    form.on('submit(submit)', function(data){
 		    //console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: "value"}
 		    
 		    //获取checkbox数据,拼接成字符串!!!!!!
 		    var noRepeatUploadBanksStr = "";
 		    var r = document.getElementsByName("noRepeatUploadBanks");
 		    for (var i = 0; i < r.length; i++) {
	 		    if (r[i].checked) {
	 		    	noRepeatUploadBanksStr+= "," + r[i].value;
	 		    }
 		    }
 		    if (noRepeatUploadBanksStr.length > 0) {
 		        noRepeatUploadBanksStr = noRepeatUploadBanksStr.substring(1);
 		    }
 		    data.field.noRepeatUploadBanksStr = noRepeatUploadBanksStr;
 		   
		    var url="${pageContext.request.contextPath}/admin/doEditSysSetting";
		  
		    layer.confirm('您确认保存设置吗', {icon: 3, title:'提示'}, function(index){
		  		layer.close(index);//关闭询问弹框
	          	$.ajax({
	          		type: "POST", 
	        	  	url: url, 
	        	  	data: data.field,
	        	  	dataType:"json",
	        	  	success: function(returnData){
	        		  	if(returnData.code==1){
	        		  		//修改隐藏input[oldCrontabStatusInt]的值
	        		  		var new_oldCrontabStatusInt = returnData.obj;
	        		  		$('input[name=oldCrontabStatusInt]').val(new_oldCrontabStatusInt);
	        			  	layer.msg('保存成功', {
	            				icon: 1,
	            				time: 20000, //20s后自动关闭
	            			    btn: ['确定']
	            		  	}, function(){
	            				parent.layer.closeAll();
	            		  	});
	                  	}else{
	                      	layer.msg(returnData.msg, {icon: 2});
	                  	}
	        	  	}
	          	}); 	  	
	        });
		  
		    return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
		});
	});
 
后台：
 
@RequestMapping("/doEditSysSetting")
@ResponseBody
public ResultInfo doEditSysSetting(HttpServletRequest request,int oldCrontabStatusInt, String noRepeatUploadBanksStr){
}
 
方式二（推荐）
 在提交form前先遍历所有选中的checkbox，过将value组装成js数组，写入到data.field中，再传到后台直接用数组接收。值得注意的是：ajax提交数组到后台，需要设置参数traditional: true,该参数表示是否使用传统的方式浅层序列化。
 前台：
 
layui.use(‘form’, function(){
 var form = layui.form;
 form.on(‘submit(submit)’, function(data){
 //console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: “value”}
 
	    //获取checkbox数据,组装成数组!!!!!!
	    var noRepeatUploadBanks =[]; 
		$('input[name="noRepeatUploadBanks"]:checked').each(function(index, domEle){ 
			noRepeatUploadBanks.push($(this).val()); 
		});
		data.field.noRepeatUploadBanks = noRepeatUploadBanks;
	    
	    var url="${pageContext.request.contextPath}/admin/doEditSysSetting";
	    
	    layer.confirm('您确认保存设置吗', {icon: 3, title:'提示'}, function(index){
	  		layer.close(index);//关闭询问弹框
          	$.ajax({
          		type: "POST", 
        	  	url: url, 
        	  	data: data.field,
        	  	traditional: true, //是否使用传统的方式浅层序列化,若有数组参数或对象参数需要设置true!!!!!!
        	  	dataType:"json",
        	  	success: function(returnData){
        		  	if(returnData.code==1){
        		  		//修改隐藏input[oldCrontabStatusInt]的值
        		  		var new_oldCrontabStatusInt = returnData.obj;
        		  		$('input[name=oldCrontabStatusInt]').val(new_oldCrontabStatusInt);
        			  	layer.msg('保存成功', {
            				icon: 1,
            				time: 20000, //20s后自动关闭
            			    btn: ['确定']
            		  	}, function(){
            				parent.layer.closeAll();
            		  	});
                  	}else{
                      	layer.msg(returnData.msg, {icon: 2});
                  	}
        	  	}
          	});  	
        });
	  
	    return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
	});
});
 
后台：
 
@RequestMapping("/doEditSysSetting")
@ResponseBody
public ResultInfo doEditSysSetting(HttpServletRequest request,int oldCrontabStatusInt, @RequestParam("noRepeatUploadBanks")String[] noRepeatUploadBanks){
}
 
总结
 
1.layui提交checkbox复选框多个值的时候只会提交最后一个的值，故需要手动处理，要么拼接成字符串传到后台后再切割成字符串，要么组装成js数组传到后台直接用数组接收；
 2.ajax提交数组到后台，需要设置参数traditional: true。（layui提交form表单就是使用的ajax方式
 
原文链接：https://blog.csdn.net/qq_27579471/article/details/102528337

 
php数组转换字符串及复选框如何勾选中，应用到函数 implode  explode
 

 
复选框被选中后如何保存数据，表单提交过来为数组，要转换字符串 用到函数implode
 
if(!empty($_POST[‘yuyan‘])){
 
$bbyuyan=implode(",", $_POST[‘yuyan‘]);
 
}
 
if(!empty($_POST[‘fenge‘])){
 
$bbfenge=implode(",", $_POST[‘fenge‘]);
 
}
 
if(!empty($_POST[‘biaoqian‘])){
 
$bbbiaoqian=implode(",", $_POST[‘biaoqian‘]);
 
}
 
复选框显示如何被勾选，这时候要把字符串转换数组 用到函数 explode
 
if(!empty($users[‘yuyan‘])){
 
$users[‘yuyan‘]=explode(",",$users[‘yuyan‘]);
 
}
 
if(!empty($users[‘fenge‘])){
 
$users[‘fenge‘]=explode(",",$users[‘fenge‘]);
 
}
 
if(!empty($users[‘biaoqian‘])){
 
$users[‘biaoqian‘]=explode(",",$users[‘biaoqian‘]);
 
}
 
复选框如何被显示，下面实例
 
晚上可录
 
周六可录
 
周日可录
 
起录价低
 
复选框要比单选框要复杂些，单选框跟普通表单一样，这里不说了
 
文章转载(玖乐网络 96net.com.cn)
 
原文：https://www.cnblogs.com/96net/p/9451438.html

 
 
复选框获取值和移除值
 
 
html页面实现：
 
<tr ng-repeat="item in dataList.invdata" ng-class="{'disabled':item.status == -1}">
    <td>
        <div class="checkbox">
            <label>
              <input type="checkbox" ng-model="item.selected" 
                    ng-disabled="item.status == -1" ng-change="selectChangeItem(item);">
            </label>
        </div>
    </td>
</tr>
 
angular实现：
 
// 初始化集合
$scope.selectArray = [];
$scope.selectChangeItem = function(item) {
    // 选中的值
	if(item.selected) {
		// 选中的值保存到集合
		$scope.selectArray.push(item);
		console.info("===ADD===>",$scope.selectArray);
	}else{
		// 获取该值在集合中的下标索引
		var index = $scope.selectArray.indexOf(item);
		// 从index下标开始，截取一个数据
		$scope.selectArray.splice(index,1);
		console.info("===REMOVE===>",$scope.selectArray);
	}
}
 
 
 
单选获取值
 
 
1、在html页面不做改动
 
2、修改 ng-model="item.selected" 为单选。
 
// 初始化selectItemInfo 
$scope.selectItemInfo = {};
$scope.selectChangeItem = function (item) {
   if (!item.selected) {
        $scope.selectItemInfo = {};
        $scope.showOpBarDiv = false;
        return;
   }else{
        $scope.selectItemInfo = item;
   }
   console.info("==VAL==>",$scope.selectItemInfo);
   // 取消其它的选择，该列表只能单选，且不能跨页选择
   $scope.updateSelectedBtn(item);
}

// 设置多选为单选 (设置单选只供参考)
$scope.updateSelectedBtn = function (selectItem) {
    if(!$scope.dataList || !$scope.dataList.invdata) {
          return ;
    }
    angular.forEach($scope.dataList.invdata, function (item, index, array) {
        if (item.selected) {
             if (selectItem) {
                  if (item.id != selectItem.id) {
                      item.selected = false;
                  }
             }else {
                  item.selected = false;
             }
        }
    });
}