精华内容
下载资源
问答
  • jquery获取复选框checkbox的值

    万次阅读 2018-08-03 13:36:01
    jquery获取复选框checkbox的值 实现方式:jquery获取复选框checkbox的值

    jquery获取复选框checkbox的值

    实现方式:jquery获取复选框checkbox的值

    展开全文
  • b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中 /** * 全选函数 * @param mainId 主复选框id * @param klass 下属复选框的class */ function selectAll(mainId,klass){ $("." ...

    1.功能:

    a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态

    b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中


    /**
     * 全选函数
     * @param mainId 主复选框id
     * @param klass 下属复选框的class
     */
    function selectAll(mainId,klass){
    	$("." + klass).each(function(){
    	    if($("#" + mainId).attr("checked")== "checked"){
    	    	$(this).attr("checked", "checked");
    	    }
    	    else{
    	    	$(this).removeAttr("checked");
    	    }
    	});
    }

    以上实现全选及全部取消 所有子复选框,至于数据的实现则在控制器里接收到复选框的数组即可

    /**
     * 子复选框有一个选中 父复选框就选中 <br>子复选框全不选 父复选框不选中
     * @param father 父复选框的id
     * @param son 子复选框的class
     */
    function checkSonCheckBox(father,son){
    	$("."+son).click(function(){
    		if($(this).attr("checked")== "checked"){
    			$(this).addClass("checked");
    		}else{
    			$(this).removeClass("checked");
    		}
    		if($("."+son).hasClass("checked")){
    			$("#"+father).attr("checked","checked");
    //			console.log("至少有一个子复选框选中!");
    		}else{
    			$("#"+father).removeAttr("checked");
    //			console.log("所有子复选框都未选中!");
    		}
    	});
    };

    以上实现 一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中


    展开全文
  • 我来教大家写一个原生jq的复选框样式,简单实用,又不会耽误checkbox的调用。 html: 沪深A股 css: /* 复选框自定义样式 Start */ /* label 图片浮动,一般不浮动会显示不全 */ .checklist{float:left;} /* ...

    我来教大家写一个原生jq的复选框样式,简单实用,又不会耽误checkbox的调用。

    html:
    <label class="checklist iCheck">
    <input class="checkbox" type="checkbox"/>
    <span>沪深A股</span>
    </label>

    css:

    /* 复选框自定义样式 Start */
    /* label 图片浮动,一般不浮动会显示不全 */
    .checklist{float:left;}
    /* checkbox 原复选框隐藏 */
    .checkbox{opacity:0;filter:alpha(opacity=0);}
    /* label 的背景图片 iCheck未选中 iCheck-ed选中 */
    .iCheck{background:url(../img/chk_bg1.png) no-repeat;}
    .iCheck-ed{background:url(../img/chk_bg2.png) no-repeat;}
    /* 复选框自定义样式 End */


    js/jq:

    $(document).ready(function () {
    //判断当前复选框状态,并让label背景图与复选框同步勾选或取消
    $(".checkbox").click(function (){
    //判断复选框勾选状态
    if ($(this).is(':checked')) {
    $("label").removeClass("iCheck");    //删除未勾选选背景图
    $("label").addClass("iCheck-ed");    //添加勾选态背景图
    }else{
    $("label").removeClass("iCheck-ed"); //删除勾选选背景图
    $("label").addClass("iCheck");       //添加未勾选选背景图
    }
    });
    });


      这是css中需要的两个图片,你可以直接保存。

    其实你可以做成任意样式,只要你的ps还看的过去。

    假如你能ps出常见的十个精美复选框样式:http://blog.csdn.net/chelen_jak/article/details/44827393

    那你就完全没有必要用人家的!



    简单小例子下载

    http://download.csdn.net/detail/liujunxin11/9399314

    简单的小例子+复杂的大例子

    http://download.csdn.net/detail/liujunxin11/9399307



    得到的样子:

    展开全文
  • layui获取复选框的值

    万次阅读 2018-08-10 15:48:34
    layui获取复选框的值 //HTML代码 <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">复选框</label> <div class="layui-input-block...

    layui获取复选框的值

    //HTML代码

    <form class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label">复选框</label>
            <div class="layui-input-block">
                <input type="checkbox" name="like" value="1" title="写作">
                <input type="checkbox" name="like" value="2" title="阅读" >
                <input type="checkbox" name="like" value="3" title="发呆">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>

     

    //JS代码

    <script>
        layui.use('form', function(){
            var form = layui.form;
            form.on('submit(formDemo)', function(data){

                //获取checkbox[name='like']的值
                var arr = new Array();
                $("input:checkbox[name='like']:checked").each(function(i){
                    arr[i] = $(this).val();
                });
                data.field.like = arr.join(",");//将数组合并成字符串

                $.post("admin.php", {data:data.field}, function (res) {
                    if (res.code == 1) {
                        layer.msg(res.msg, {time: 1800, icon: 1}, function () {
                            location.href = res.url;
                        });
                    } else {
                        layer.msg(res.msg, {time: 1800, icon: 2});
                    }
                }, 'json');

                return false;
            });
        });
    </script>

    展开全文
  • uniapp添加复选框和获取复选框的值

    千次阅读 2020-02-26 22:01:14
    uniapp中加入复选框,一般初学者都需要添加的东西,比如爱好进行选择添加 本人是以“班级”为例进行,“班级”按理来说是不应该复选的,但本人比较懒所以就不改了,以此为例进行讲解 <view class="uni-form-item...
  • MFC treecontrol 复选框问题 点击文字后复选框没有勾选上,使用setcheck函数使之 勾选上后,变成点击复选复选框钩不上了![图片说明](https://img-ask.csdn.net/upload/201809/20/1537430622_418916.png),这是...
  • jQuery实现获取选中复选框的值

    万次阅读 2017-06-20 00:31:10
    jQquery实现获取选中复选框的值应用场景:我们应该经常见到系统中出现列表,会有一个对列表数据的操作(如删除, 修改,查看等)。我们可以在每个列表项后面加一个删除按钮,把列表项的 相关参数(如 id)post到后台...
  • Flutter Checkbox 复选

    千次阅读 2019-06-25 09:20:26
    Flutter 复选框 有两种:一 是精简版Checkbox复选框 ,二是自带标题和副标题CheckboxListTile复选框 参数详解 属性 说明 Checkbox 复选框 value 是否选中此复选框 onChanged 监听当复选框...
  • //给复选框设置id $("#id").is(":checked");//判断复选框是否选中,返回true或false $("#id").prop("checked",true);//设置复选框为选中状态 $("#id").prop(&...
  • 复选下拉框组件

    千次阅读 2018-10-29 18:06:58
    复选框(复选框)无法满足我的需求,因为可选项有上百个,不可能都直接列在页面上 下拉框(选择)也无法满足,因为不支持复选 在网上找了很久,找到一个比较合适的复选框组件,效果如下: 详细网址如下: ...
  • layui复选

    千次阅读 2018-11-20 16:52:00
    layui复选框,一个主的复选框控制多个从复选框,主复选框和从复选框的颜色不一样 layui复选框的样式,都是在选然后才会有的,所以直接通过css设置就实现不了了。只可以通过js动态设置 html代码使用了jfinal...
  • 页面效果 目的 点击1复习框,则复选框2的状态都随之改变 ... ...1是为了点击此复选框跳转到响应...复选框状态响应函数 2就是跳转的函数 3表示:对class属性值为itemSelect元素,进行元素属性值更改,把checked...
  • layui获取复选框的值及给复选框赋值

    千次阅读 2019-10-31 13:45:57
    layui获取复选框的值 layui获取单个复选框的值 =========================================HTML============================================= <div class="layui-form-item"> <div class="layui-col-...
  • 勾选复选框时,获取复选框的内容显示在页面上 勾选复选框时,获取复选框的内容显示在页面上 房间选择 <!-- 房间选择列表 start --> <div class="room-list"> <div class=...
  • 实现winform DataGridView增加一列CheckBox(复选框)列。 效果图 DataGridView =&amp;amp;gt; dgv Form窗体加载事件 private void Form_Load(object sender, EventArgs e) { //为dgv增加复选框列 ...
  • 复选按钮QCheckBox

    千次阅读 2019-08-01 23:50:53
    QCheckBox类继承自QAbstractButton类,它提供了一组带文本标签的复选框,用户可以选择多个选项。和QPushButton一样,复选框可以显示文本或者图标,其中文本可以通过构造函数或者setText()来设置;图标可以通过setIcon()来...
  • 将选择转换为多选复选框 介绍 复选框列表对于允许用户在选择框中选择多个选项很有用。但在这种情况下,可以通过按住控制(ctrl)按钮选择多个选项,用户讨厌这个。您可以使用jQuery进行多选复选框下拉列表,而不是...
  • ExtJs实现复选框组Checkboxgroup单勾选及复选框组对多个复选框组跨控件全选
  • input checkbox 复选框大小修改

    万次阅读 2016-11-11 14:51:00
    有的时候,需要使用复选框,但是复选框有时候默认的太小,这时候就需要加大复选框,网上搜了很多,都没有直接的解决方法, 一种是采用div 扩大点击范围或者是采用图片替代。 直到看到下面一篇介绍,使...
  • 效果如下: 选中表格头的复选框,则所有表格内的复选框都会同步选中或者不选中。 适合根据复选框添加和删除整行表格内容。 代码工程链接在评论区。 ...
  • 上图 样式是默认的,其实自己可以改些CSS样式更好看些 代码全: <!DOCTYPE html> <html>...Vue 测试实例 - 单个,多个复选框</title> <script src="https://cdn.staticf...
  • 用javascript实现选中其中一个复选框后,其他复选框不可用
  • 模拟QQ聊天树状结构图,添加复选框属性 下面是代码: 如上图我们的根节点ID为datass, 现在选择文字,复选框也会被选中。大家试试看吧;
  • vue中checkbox复选框数据回显,给复选框添加选中操作 记性不好,所以记录下来也供自己今后查看 前端html及js 主要用到的就是vue里面的v-model指令。 本质上<input :value="test" />就是<input @input=...
  • 自定义复选

    2017-02-28 18:57:51
    1.为什么要自定义复选框?因为原生复选框的默认样式比较少,不太美观,而且当我们为其修改样式时,会发现,除了可以设置宽度和高度等少数样式外,其余样式都没有效果。这时,我们需要自己来设计一个漂亮的复选框。 2...
  • 场景:只有子节点有复选框,父节点没有复选框,如图 打开控制台,发现只有子节点样式名有isleaf 所以修改样式代码 // 不可全选样式 .el-tree-node { .is-leaf + .el-checkbox .el-checkbox__inner { display: ...
  • selenium3.0操作复选

    千次阅读 2020-09-11 14:30:46
    //input复选框 static void inputCheckBox(By by) { //查找复选框对象 WebElement orangeCheckbox = driver.findElement(by); //如果此复选框没有选中,就点击一下 if (!orangeCheckbox.isSelected()) ...
  • jQuery操作复选框checkbox技巧总结 --- 设置选中、取消选中、获取被选中的值、判断是否选中等 一、checked属性定义 先了解下input标签的checked属性: 1、HTML <input> checked 属性 ◆定义和用法 ...
  • 复选框监听事件

    千次阅读 2019-06-17 12:19:08
    今天我们一起来看下layui表格的监听复选框选择事件,也相当于复选框的选择事件 点击复选框时就会触发,回调函数返回一个object参数。 table.on(‘checkbox(table)’, function (obj) {}) 接下来我们来看下复选框...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 36,104
精华内容 14,441
关键字:

复选