精华内容
下载资源
问答
  • I speak the following languages:EnglishFrançaisEspañol是否有必要以命名郎[](使用阵列)或I可以给每个复选框一个单独的名称,如复选框:I speak the following languages:EnglishFrançaisEspañol问题1相信无论...

    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数据表格勾选复选框checkbox的时候,转到新的一页勾选,上一次的勾选不会选中,即没有记忆功能。导致跟后台交互传递参数不全问题。 为了解决此问题,我们可以借助缓存,每勾选一个,保存到缓存变量...
  • layui提交(ajax方式)checkbox多个复选框值(数组)到后台用数组接收问题解决总结 问题 layui的form中,选中多个checkbox复选框(name都相同)时,data.field中只会有最后一个选中的checkbox的值! jsp代码: <...

    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复选框被选中后如何保存数据,表单提交过来为数组,要转换字符串 用到函数implodeif(!empty($_POST[‘yuyan‘])){$bbyuyan=implode(",", $_POST[...

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

    1647f6804c8fee9e4f2f4681e3337173.png

    复选框被选中后如何保存数据,表单提交过来为数组,要转换字符串 用到函数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> ...

    复选框获取值和移除值

    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;
                 }
            }
        });
    }

     

    展开全文
  • 我也可以编辑HTML,所以每个想法都很好……如果选中了复选框,则此数据将通过保存推送到PHP数组中,所需的结构为:0 =>'group' => 'group_a','type' => 'type_yellow','desc' => 'now to convert'1 =>'...
  • HTMLlayui.form.checkbox 获取选中 复选框开关关开关开立即提交JSlayui.use('form', function(){var ...form.on('submit(*)', function(data){//将页面全部复选框选中的值拼接到一个数组中var arr_box = [];$('inp...
  • 1、在jsp页面上:checked="checked">...房本已发放2、在js中获取选中的复选框的值,在数据库中多个选中的用逗号隔开存储在一个字段上(1)引入标签:(2)获取页面上选择的复选框的值:var certDlStatus=[...
  • 现在有爱好四个复选框 读书,唱歌,游泳,绘画,要把这些存到数据库中,数据库中用四个字段保存,每个0或者1,还是拼接成1,2,3,4的形式保存在一个字段中
  • var checkbox=[];  $("[name = checkName]:checkbox").each(function(i){  if ($(this).prop("checked") == true){  checkbox.push($(this).val());  ...
  • 主要实现:用的 easyui 1.3.2实现多个复选框列,各列互不影响。能够实现全选。主要部门用红色标记了的。easyui datagrid 初始化:function initTableGMAL() {$("#dg_gmal").datagrid({url: "/Manager/PublishManager...
  • 麻烦是说由于设计器的使用不方便(如果您希望使用窗体设计器通过快速拖拽控件建立您的Java Swing GUI程序,请您使用MyEclipse 8.5以上版本,并且需要最高使用权限),所有代码都得手写,如果没有好的编码规范和注释...
  • 当我反复点击了全选后 点击form表单的保存 获取的 表单的value中 关于复选框的值 会重复出现多个 例如复选框本身5个 当我反复点击全选5次后 复选框的value变成了25 原因是 利用item 循环的复选框 虽然通过外在修改...
  • //取消复选框时 含有该id时将id从全局变量中去除 if(contains(checkedIds,oneches[i].value)){ checkedIds=checkedIds.replace((oneches[i].value+","),""); } } } } function getChecked()...
  • Vue + element 实现列表复选框保存已选id集合 1.引用element组件多选框组,checkList为提交后台数据得数组,tableData为数据源 2.初始化tableData集合 3.循环遍历需要显示得值 4.在多选框组上添加chang事件 table...
  • //取消复选框时 含有该id时将id从全局变量中去除 if(contains(checkedIds,oneches[i].value)){ checkedIds=checkedIds.replace((oneches[i].value+","),""); } } } } /** * * @return */ ...
  • elementUI表格复选框进行数据回显

    千次阅读 2019-04-23 14:33:58
    elementUI中的表格增加复选功能并进行数据回显 听闻小姐治家有方,鄙人余生愿闻其详。 首先将elementUI中的表格代码展示出来,这个样子 <el-table @sort-change='sortChange' ref="multipleTable" :row-key=...
  • 功能效果为:页面初始化效果为要有所有角色的复选框,要求初始化默认勾选的角色要显示勾选,之后,能按照最终勾选的状态提交发请求。先查看效果:可以看到初始页面的此用户被赋予的角色只有一个“核算经办”,如图1...
  • 例如这样的复选框 一般字段名设置成数组形式,而MySQL数据库中为字符型,这就需要将数组组合成字符串。 &lt;tr bgcolor="#FFCC33"&gt; &lt;td height="25" align="...
  • //writSelection为被选中数组 handleNodeClick(data){ const index = this.writSelection.findIndex(d => d.id === data.id); if(index>-1){ this.$refs.writTree.setChecked(data,false) }else{ this.$refs....
  • 麻烦是说由于设计器的使用不方便(如果您希望使用窗体设计器通过快速拖拽控件建立您的Java Swing GUI程序,请您使用MyEclipse 8.5以上版本,并且需要最高使用权限),所有代码都得手写,如果没有好的编码规范和注释...
  • 复选框checkbox提交数据类型和方法

    千次阅读 2020-05-18 19:10:53
    1:复选框checkbox提交字符串类型 示例代码: <!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>复选框checkbox提交数据类型</title> <meta...
  • el-table 复选框

    2020-09-05 22:56:46
    -- 在table中添加selection-change的处理函数,回调函数可以拿到选中的数组 --> <el-table :data="tableData2" border style="width: 100%" ref="checkTable" @selection-change="handleSelectionChange"&...
  • angularjs input checkbox复选框组的实现

    千次阅读 2019-09-03 19:17:47
    // 如果$scope.list数组中,对象里面有一个属性为boolean值,用来判断复选框是否选中,则直接将ng-checked="布尔值",下面的情况就可以不看了。 // 如果$scope.list数组中,对象里面没有一个属性为boolean值,则...
  • 切换页码时,要保存上一页的复选框的选中状态 2、通过代码实现 给表格的某一列添加 type=“selection”,这一列就添加了复选框 <el-table-column type="selection" width="55" align="center"></el-table-...
  • 在项目中发现layui数据表格勾选复选框checkbox的时候,转到新的一页勾选,上一次的勾选不会选中,即没有记忆功能。导致跟后台交互传递参数不全问题。 为了解决此问题,我们可以借助缓存,每勾选一个,保存到缓存...
  • 基于vue v-for 循环复选框-默认勾选第一个的实现方法应用场景:在进行多选的时候一般默认显示第一个。实现方法:纯vue实现例子:{{one.name}}//:checked="index == 0"为索引为0的,即为第一个复选框添加属性。拓展:...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,051
精华内容 6,820
关键字:

复选框通过数组保存