复选框 订阅
复选框是一种可同时选中多项的基础控件,也是基于计算机语言(C语言、java语言、CSS+HTML超文本标记语言)的编程代码框架,一般控制的方法是按住ctrl键,然后鼠标左击进行点选操作来完成复选多个目标。 展开全文
复选框是一种可同时选中多项的基础控件,也是基于计算机语言(C语言、java语言、CSS+HTML超文本标记语言)的编程代码框架,一般控制的方法是按住ctrl键,然后鼠标左击进行点选操作来完成复选多个目标。
信息
软件名称
复选框
方    法
其属性和方法完成复选的操作
性    质
基础控件
别    称
CheckBox
复选框内容介绍
复选框,也叫做CheckBox,是一种基础控件。.NET的工具箱里包含这个控件,它可以通过其属性和方法完成复选的操作。为了完成更多复杂的需求,也出了第三方控件的复选框。只需要将其dll添加到工具箱里,就可以使用更多功能的复选框控件。复选框提供一个制造单一选择开关的方法;它包括一个小框和一个标签。典型的复选框有一个小的“X”(或者它设置的其它类型)或是空的,这依靠项目是否被选择来决定的。我们会使用构建器正常地创建一个复选框,使用它的标签来充当它的自变量。如果我们在创建复选框后想读出或改变它,我们能够获取和设置它的状态,同样也能获取和设置它的标签。注意,复选框的大写是与其它的控制相矛盾的。无论何时一个复选框都可以设置和清除一个事件指令,我们可以捕捉同样的方法做一个按钮。在下面的例子里使用一个文字区域枚举所有被选中的复选框://: CheckBox1.javafdf// Using check boxesimport java.awt.*;import java.applet.*;public class CheckBox1 extends Applet {TextArea t = new TextArea(6, 20);Checkbox cb1 = new Checkbox("Check Box 1");Checkbox cb2 = new Checkbox("Check Box 2");Checkbox cb3 = new Checkbox("Check Box 3");public void init() {add(t); add(cb1); add(cb2); add(cb3);}public boolean action (Event evt, Object arg) {if(evt.target.equals(cb1))trace("1", cb1.getState());awdelse if(evt.target.equals(cb2))trace("2", cb2.getState());else if(evt.target.equals(cb3))trace("3", cb3.getState());elsereturn super.action(evt, arg);returntrue;}void trace(String b, boolean state) {if(state)t.appendText("Box " + b + " Set\n");elset.appendText("Box " + b + " Cleared\n");}awd} ///:~trace()方法将选中的复选框名和当前状态用appendText()发送到文字区域中去,所以我们看到一个累积的被选中的复选框和它们的状态的列表。
收起全文
精华内容
下载资源
问答
  • 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



    得到的样子:

    展开全文
  • MFC treecontrol 复选框问题 点击文字后复选框没有勾选上,使用setcheck函数使之 勾选上后,变成点击复选框复选框钩不上了![图片说明](https://img-ask.csdn.net/upload/201809/20/1537430622_418916.png),这是...
  • //给复选框设置id $("#id").is(":checked");//判断复选框是否选中,返回true或false $("#id").prop("checked",true);//设置复选框为选中状态 $("#id").prop(&...
    //给复选框设置id
    $("#id").is(":checked");//判断复选框是否选中,返回true或false
    $("#id").prop("checked",true);//设置复选框为选中状态
    $("#id").prop("checked",false);//设置复选框为不选中状态
    

     

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

    千次阅读 2020-02-26 22:01:14
    uniapp中加入复选框,一般初学者都需要添加的东西,比如爱好进行选择添加 本人是以“班级”为例进行,“班级”按理来说是不应该复选的,但本人比较懒所以就不改了,以此为例进行讲解 <view class="uni-form-item...
  • ExtJs实现复选框组Checkboxgroup单勾选及复选框组对多个复选框组跨控件全选
  • 页面效果 目的 点击1复习框,则复选框2的状态都随之改变 ... ...1是为了点击此复选框跳转到响应...复选框状态响应函数 2就是跳转的函数 3表示:对class属性值为itemSelect元素,进行元素属性值更改,把checked...
  • 勾选复选框时,获取复选框的内容显示在页面上 勾选复选框时,获取复选框的内容显示在页面上 房间选择 <!-- 房间选择列表 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增加复选框列 ...
  • 将选择转换为多选复选框 介绍 复选框列表对于允许用户在选择框中选择多个选项很有用。但在这种情况下,可以通过按住控制(ctrl)按钮选择多个选项,用户讨厌这个。您可以使用jQuery进行多选复选框下拉列表,而不是...
  • Flutter Checkbox 复选框

    千次阅读 2019-06-25 09:20:26
    Flutter 复选框 有两种:一 是精简版Checkbox复选框 ,二是自带标题和副标题CheckboxListTile复选框 参数详解 属性 说明 Checkbox 复选框 value 是否选中此复选框 onChanged 监听当复选框...
  • layui获取复选框的值及给复选框赋值

    千次阅读 2019-10-31 13:45:57
    layui获取复选框的值 layui获取单个复选框的值 =========================================HTML============================================= <div class="layui-form-item"> <div class="layui-col-...
  • 效果如下: 选中表格头的复选框,则所有表格内的复选框都会同步选中或者不选中。 适合根据复选框添加和删除整行表格内容。 代码工程链接在评论区。 ...
  • 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...
  • 上图 样式是默认的,其实自己可以改些CSS样式更好看些 代码全: <!DOCTYPE html> <html>...Vue 测试实例 - 单个,多个复选框</title> <script src="https://cdn.staticf...
  • 用javascript实现选中其中一个复选框后,其他复选框不可用
  • 模拟QQ聊天树状结构图,添加复选框属性 下面是代码: 如上图我们的根节点ID为datass, 现在选择文字,复选框也会被选中。大家试试看吧;
  • layui复选框

    千次阅读 2018-11-20 16:52:00
    layui复选框,一个主的复选框控制多个从复选框,主复选框和从复选框的颜色不一样 layui复选框的样式,都是在选然后才会有的,所以直接通过css设置就实现不了了。只可以通过js动态设置 html代码使用了jfinal...
  • js使用li或者div来模拟input的复选框和单选框样式,7行代码,兼容好
  • 多选select框常用函数,从左边的复选框选出到右边复选框 multipleSelect.js
  • vue中checkbox复选框数据回显,给复选框添加选中操作 记性不好,所以记录下来也供自己今后查看 前端html及js 主要用到的就是vue里面的v-model指令。 本质上<input :value="test" />就是<input @input=...
  • 我设置两个有序序列,分别存储对应的复选框和行内容。 我的行内容是用的label标签。 因为他们的位置都是一一对应的,所以当我这个位置的复选框是选中状态的话,这时显示对应位置的标签内容就好了。 `isCheckec()`...
  • 场景:只有子节点有复选框,父节点没有复选框,如图 打开控制台,发现只有子节点样式名有isleaf 所以修改样式代码 // 不可全选样式 .el-tree-node { .is-leaf + .el-checkbox .el-checkbox__inner { display: ...
  • jQuery实现获取选中复选框的值

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

    2017-02-28 18:57:51
    1.为什么要自定义复选框?因为原生复选框的默认样式比较少,不太美观,而且当我们为其修改样式时,会发现,除了可以设置宽度和高度等少数样式外,其余样式都没有效果。这时,我们需要自己来设计一个漂亮的复选框。 2...
  • Widget简单组件 CheckBox复选框

    千次阅读 2021-03-27 16:15:26
    文章目录CheckBox复选框代码演示 CheckBox复选框 CheckBox复选框是一种具有双状态的按钮,具有选中或者未选中两种状态。在布局文件中定义复选按钮时,对每一个按钮注册OnCheckedChangeListener事件监听,然后在...
  • jquery实现复选框打勾全选,其中一个子复选框不勾中,则不全选。所有子复选框全勾中则又全选。$('#allSelect').click(function() { if($(this).attr('checked')){ $("input[name='videoId']").attr("checked",...
  • 美化复选框(给复选框添加样式)

    千次阅读 2017-03-17 09:47:44
    在线演示 本地代码下载复选框的背景颜色都是可以更改,具体参考css样式来更改。html:<input type="checkbox" id="awesome" autofocus /><!--自动获得焦点 --> <label for="awesome">Awesome! ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 37,108
精华内容 14,843
关键字:

复选框