精华内容
下载资源
问答
  • 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值的方法,结合实例形式分析了php表单操作中针对checkbox值的传递与获取技巧,需要的朋友可以参考下
  • 多个checkbox被选中时如何判断是否有自己想要的,下面有段代码,大家可以看看
  • 本文实例讲述了jquery获取多个checkbox的值异步提交给php的方法。分享给大家供大家参考。具体实现方法如下: html代码: <td><input type="checkbox" name="uid" value="<?=$item['mtaccount_id']?>">...
  • 主要给大家介绍了利用Angular.js实现多个checkbox只能选择一个的方法,文中给出了详细的示例代码,相信对大家具有一定的参考价值,下面来一起看看吧。
  • 今天小编就为大家分享一篇解决layui checkbox 提交多个值的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 主要介绍了jquery获取多个checkbox的值异步提交给php的相关资料,需要的朋友可以参考下
  • Vue+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>
    

    展开全文
  • 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 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>
    

    转载于:https://blog.csdn.net/weixin_30532973/article/details/95691676?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-6.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-6.channel_param

    展开全文
  • Android 多行CheckBox

    2020-12-18 12:32:08
    最近公司需求做个员工报餐界面用到多个CheckBox 行列
  • 在选中一个下拉框的时候,更改另一个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被选中的方法,涉及jQuery操作checkbox控件的相关技巧,需要的朋友可以参考下
  • winform里肯定不存在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:51
    var 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">
  • //获取多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:37
    https://blog.csdn.net/muguli2008/article/details/51940408 ------------------html---------------------- <h2>请选择您的爱好:</h2> <form action="">...input type="checkbox" nam...
  • JavaScript实现多个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。只要这个checkbox选中那么其他的checkbox自动被选中。然后获取被选中的checkbox。 这个过程中需要自定义一个属性来区别checkbox,并利用自定义的属性来获取需要的值...
  • 单个和多个checkbox选中事件

    万次阅读 2018-01-22 09:50:38
    如果使用jquery,应使用prop方法来获取...checkbox" name="check" id="check" checked="checked" value="Daily" /&gt; &lt;input type="checkbox" name
  • 我在这个div中添加了多个input。 拼接一下呢。最老的方法。 jquery获取值: var strSel=""; $("[name='jbbm']:checked").each(function(index, element) { strSel += $(this)....
  • <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
  • <input type="checkbox" name="centralCity" value="1">北京  <input type="checkbox" name="centralCity" value="2">天津  <input type="checkbox" name="centralCity" value="3">上海  ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 156,670
精华内容 62,668
关键字:

多个checkbox

友情链接: Lineabledemo.rar