-
2019-03-05 17:19:12
C#Winform中多个CheckBox设定同一时间只能选择三个
在所有需要设定的CheckBox控件的CheckedChanged的事件中添加如下代码(先定义个全局变量 int c_number =0;):
private void cb_CheckedChanged(object sender, EventArgs e) { CheckBox cb = (CheckBox)sender; if (cb.Checked) { c_number += 1; } else { c_number -= 1; } if (c_number > 3) { cb.Checked = false; MessageBox.Show("选择的CheckBox超出了范围!","提示:",MessageBoxButtons.OK,MessageBoxIcon.Information); } }
更多相关内容 -
PHP简单获取多个checkbox值的方法
2020-10-22 03:11:05主要介绍了PHP简单获取多个checkbox值的方法,结合实例形式分析了php表单操作中针对checkbox值的传递与获取技巧,需要的朋友可以参考下 -
多个checkbox被选中时如何判断是否有自己想要的
2020-09-04 03:42:20当多个checkbox被选中时如何判断是否有自己想要的,下面有段代码,大家可以看看 -
jquery获取多个checkbox的值异步提交给php的方法
2020-12-18 11:57:49本文实例讲述了jquery获取多个checkbox的值异步提交给php的方法。分享给大家供大家参考。具体实现方法如下: html代码: <td><input type="checkbox" name="uid" value="<?=$item['mtaccount_id']?>">... -
Angular.js实现多个checkbox只能选择一个的方法示例
2020-10-20 08:15:04主要给大家介绍了利用Angular.js实现多个checkbox只能选择一个的方法,文中给出了详细的示例代码,相信对大家具有一定的参考价值,下面来一起看看吧。 -
解决layui checkbox 提交多个值的问题
2020-10-16 12:00:47今天小编就为大家分享一篇解决layui checkbox 提交多个值的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
jquery获取多个checkbox的值异步提交给php
2020-10-23 23:29:07主要介绍了jquery获取多个checkbox的值异步提交给php的相关资料,需要的朋友可以参考下 -
Vue+Element实现多个checkbox的全选与联动选择
2022-04-18 19:39:23Vue+Element实现多个checkbox之间的联动选择以及isIndeterminate全选状态的调整结构描述:前端+后端+UI为一个独立的el-checkbox-group;
选项一+选项二为一个独立的el-checkbox-group;
两个独立的group处于一个大el-checkbox中;
实现目标:1.任意一个复选框的状态需要与全选框联动;
2.点击选项二后选项一被联动取消,在两个都被勾选的情况下取消选项一时选项二也被联动取消
示例代码:
<template> <div> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange" >全选</el-checkbox > <!-- MainChecked --> <!-- 定义第一个checkbox-grop, --> <el-checkbox-group v-model="MainChecked" @change="handleCheckedCitiesChange" > <el-checkbox v-for="obj in MainList" :label="obj.val" :key="obj.val">{{ obj.name }}</el-checkbox> </el-checkbox-group> <!-- OtherChecked --> <el-checkbox-group v-model="OtherChecked"> <el-checkbox v-for="obj in OtherList" :label="obj.val" :key="obj.val" @change="linkage(obj.val)" >{{ obj.name }}</el-checkbox > </el-checkbox-group> </div> </template> <script> export default { name: '', data () { return { checkAll: false, MainChecked: [], OtherChecked: [], MainList: [ { name: '前端', val: 'qianduan' }, { name: '后端', val: 'houduuan' }, { name: 'UI', val: 'ui' } ], OtherList: [ { name: '选项一', val: 'option1' }, { name: '选项二', val: 'option2' } ], isIndeterminate: false, // 这里一定要将首次点击的初始值作为第一个,否则首次将无法选中第一个参数 linkageval: 'option1' } }, created () {}, watch: { // 监听用户的点击项,当linkageval值发生改变的是执行代码 linkageval () { if (this.linkageval === 'option2' && this.OtherChecked.length === 1) { this.OtherChecked = ['option1', 'option2'] } if (this.linkageval === 'option1' && this.OtherChecked.length === 1) { this.OtherChecked = [] } // 由于OtherList无法参与MainList的点击事件,这里可以手动调用方法计算个数 this.handleCheckedCitiesChange() } }, methods: { // 记录用户的点击项,当点击项发生改变时触发方法修改全选状态 linkage (val) { this.linkageval = val this.handleCheckedCitiesChange() }, handleCheckAllChange (val) { this.isIndeterminate = false // 触发了全选按钮,如果选中为true就返回所有内容,否则返回空数组 this.checkAll = val this.MainChecked = val ? this.MainList.map(item => item.val) : [] this.OtherChecked = val ? ['option1', 'option2'] : [] // 如果全选中或全未选都取消-横杠样式 }, handleCheckedCitiesChange () { // 触发了单个按钮,如果选中按钮数>0且<按钮总数则显示isIndeterminate样式 let allCount = this.MainList.length + this.OtherList.length let checkCount = this.MainChecked.length + this.OtherChecked.length // console.log(this.MainChecked, this.OtherChecked, 'checkCount', 111111) this.isIndeterminate = checkCount > 0 && checkCount < allCount ? true : false // 如果选中个数=总数,则全选框状态为选中 this.checkAll = allCount === checkCount ? true : false } } } </script>
-
JQuery 实现多个checkbox 只选中一个
2020-08-26 15:34:06input name="H1" type="checkbox" value="check1" />check1 <input name="H2" type="checkbox" value="check2" />check2 <input name="H3" type="checkbox" value="check3"/>check3<form id="common-form"> <input name="H1" type="checkbox" value="check1" />check1 <input name="H2" type="checkbox" value="check2" />check2 <input name="H3" type="checkbox" value="check3"/>check3 </form> <script type="text/javascript"> $(function() { $('#common-form').find('input[type=checkbox]').bind('click', function(){ var id = $(this).attr("id"); //当前的checkbox是否选中 if(this.checked){ //除当前的checkbox其他的都不选中 $("#common-form").find('input[type=checkbox]').not(this).attr("checked", false); //选中的checkbox数量 var selectleng = $("input[type='checkbox']:checked").length; var select_val = $("input[type='checkbox']:checked").val(); console.log("选中的checkbox数量"+selectleng); console.log("选中的checkbox值"+select_val); } else{ //未选中的处理 console.log("未选中的处理"); } }); }) </script>
-
Android 多行多列CheckBox
2020-12-18 12:32:08最近公司需求做个员工报餐界面用到多个CheckBox 行列 -
layui 探索更改多个checkbox的选中值 checked状态
2020-08-19 15:50:00在选中一个下拉框的时候,更改另一个checkbox的值。做一个联动。 实现: 监听select下拉框,当选中的时候相应更改型号。 代码: <div class="layui-form-item"> <label class="layui-form-label"&...在网上目前没有看到有人分享这些东西,我以为互联网是个非常需要分享的地方,所以将我的经验分享出来供大家参考。
需求:
在选中一个下拉框的时候,更改另一个checkbox的值。做一个联动。
实现:
监听select下拉框,当选中的时候相应更改型号。
代码:
<div class="layui-form-item"> <label class="layui-form-label"><i class="required-color">*</i>回收故障:</label> <div class="layui-input-inline" id="rec_snag"> <select name="rec_snag" id="rec_snag_list" lay-filter="rec_snag"> <option>请选择</option> {volist name="recoverySnag" id="vo"} <option value="{$vo.id}" {if $vo.id==$data.rec_snag}selected="selected"{/if}>{$vo.name}</option> {/volist} </select> </div> </div>
<div class="layui-form-item" style="margin-bottom: 30px"> <label class="layui-form-label"><i class="required-color">*</i>回收型号:</label> <div class="layui-input-inline"> <input lay-skin="primary" type="checkbox" id="checkall" name="type" lay-filter="allChoose" value="checkall"><span>全选</span> </div> <div class="layui-input-inline" id="rec_type"> {volist name="rec_typeData" id="vo"} <?php $condition = 0; $temp = $data['rec_type']; if (strstr(strval($temp),strval($vo['id']))){ $condition = 1; } ?> <input type="checkbox" class="layui-input-inline" name="rec_type[]" value="{$vo.id}" lay-skin="primary" lay-filter="rec_type" class="spec-select" title="{$vo.name}" {if condition="$condition"} checked="true" {/if}> {/volist} </div> </div>
js部分:
form.on('select', function(data) { var obj = data.elem; var type = $(obj).attr('lay-filter'); var value = data.value;
if (type == 'rec_snag' && value) { JsPost('{:url("Recoverycategories/recgetitemInfo")}', { id: value }, function(res) { if (res.status) { var e = res; var child = $("#rec_type input:checkbox[name='rec_type[]']"); child.each(function (index, item) { item.checked = false; }); child.each(function (index, item) { var das = e.data; for(var i=0;i<das.length;i++){ if(das[i].id == item.value){ item.checked =true; } } }); form.render('checkbox'); } }); } });
//点击全选, 勾选 form.on('checkbox(allChoose)', function (data) { var child = $("#rec_type input:checkbox[name='rec_type[]']"); child.each(function (index, item) { item.checked = data.elem.checked; }); form.render('checkbox'); }); });
-
jquery判断至少有一个checkbox被选中的方法
2020-10-24 03:56:51主要介绍了jquery判断至少有一个checkbox被选中的方法,涉及jQuery操作checkbox控件的相关技巧,需要的朋友可以参考下 -
wpf开发combbox里添加多个checkbox,并显示多选项的功能
2020-04-08 19:49:44winform里肯定不存在combbox里装checkbox的功能了,然后关于combbox的赋值在wpf里是不能直接给定值的,winfrom却可以,显得wpf高大上,wpf的值必须从他的成员里获取,所以要显示多选项的内容,就必须有一个动态生成... -
多个checkbox存在时,如何做绑定区分
2018-11-15 21:48:53多个checkbox存在时,如何做绑定区分 详细问题: 在checkbox中,勾选全选,下方的子级checkbox会全部选中,如果不勾选的话,子级不会全部选中 场景图 难点 局限于数据结构复杂 由于多个checkbox是循环出来... -
jquery拿到多个 checkbox 选中的值
2018-07-19 15:18:51var id_array=new Array(); $('input[name="id"]:checked').each(function(){ id_array.push($(this).val());//向数组中添加元素 ...//将数组元素连接起来以构建一个字符串 alert(idstr); ... -
jQuery获取多个checkbox的值
2017-02-27 10:20:25使用append出的标签用on绑定事件无效的解决方法jsp动态拼接checkbox ${level_list}" var="list"> <li class="checkbox"> -
jquery拿到多个 checkbox 选中的值 单个checkbox是否选中
2019-03-05 18:41:51//获取多checkbox选中值 var id_array=new Array(); $('input[name="testName"]:checked').each(function(){ id_array.push($(this).val());//向数组中添加元素 }); var idstr=id_array.join(',');//... -
jQuery实现多个CheckBox只选中一个
2018-04-21 16:24:26多个CheckBox在表格同一框中,实现只能选中一个框,当选择其他框的时候,原来选中的框自动取消。 //监听原材料更改check框的click事件 jQuery("#field13848").click(function(){ checkBoxStatus("... -
判断多个checkbox复选框至少选一个
2019-07-23 16:52:37https://blog.csdn.net/muguli2008/article/details/51940408 ------------------html---------------------- <h2>请选择您的爱好:</h2> <form action="">...input type="checkbox" nam... -
JavaScript实现多个checkbox只能单选和多选
2019-01-30 18:29:05JavaScript实现多个checkbox只能单选和多选 -
多个checkbox实现单选的checkbox
2016-02-01 10:11:16将多个checkbox添加进一个list中,设置监听,当有一个checkbox被选中时,循环list ,将其他checkbox的选中状态设置为false: private List boxList; private CheckBox groupBox; private CheckBox sortBox;... -
多个checkbox全选和获取已选择的checkbox的demo以及自定义属性的使用
2017-03-30 22:04:33在多个checkbox存在的时候,做个全选的checkbox。只要这个checkbox选中那么其他的checkbox自动被选中。然后获取被选中的checkbox。 这个过程中需要自定义一个属性来区别checkbox,并利用自定义的属性来获取需要的值... -
单个和多个checkbox选中事件
2018-01-22 09:50:38如果使用jquery,应使用prop方法来获取...checkbox" name="check" id="check" checked="checked" value="Daily" /> <input type="checkbox" name -
获取多个checkbox的选中值
2017-06-28 17:45:00我在这个div中添加了多个input。 拼接一下呢。最老的方法。 jquery获取值: var strSel=""; $("[name='jbbm']:checked").each(function(index, element) { strSel += $(this).... -
js中将多个checkbox的值传处理并传到后台
2019-08-23 17:03:58<input type="checkbox" name="apiContent" value="${list.fieldCode}"/> ${list.fieldName} ${list.shareType eq '0'}">不共享 ... -
多个checkbox复选框触发点击事件
2017-12-05 16:07:24${(appltchBoltDto.applyPaltTitle)} ${(applyPatcoltDto.applyPatcBoltTitle)} ...形如上面这种有list输出到前台的一组复选框,怎么点击其中一个...$('[type="checkbox"]').click(function -
js 按钮(checkbox)控制多个checkbox的选中或不选中问题
2019-02-18 11:33:00<input type="checkbox" name="centralCity" value="1">北京 <input type="checkbox" name="centralCity" value="2">天津 <input type="checkbox" name="centralCity" value="3">上海 ...