精华内容
下载资源
问答
  • 成品预览完成一项工作,只需要打个勾,这项工作就会被标记出来。使用复选框在标题栏的任意空白处点击右键,点击自定义功能区,在开发工具前...复选框作用实际是送出一个数值,然后让电子表格完成相应的计算。这个...

    成品预览

    0a6d85e0fd52ee2a6d9e6e19c18a2e10.gif

    完成一项工作,只需要打个勾,这项工作就会被标记出来。

    8a753b3c2b1f178865786f5579cc336c.gif

    使用复选框

    在标题栏的任意空白处点击右键,点击自定义功能区,在开发工具前打勾,确定,电子表格的菜单就会出现:开发工具。

    点击一下,找到插入,点击复选框,在需要的位置拉出一个复选框,使用方向键适当调整它的位置,删除旁边的文字。

    1901b06347ffafaa41dd11e0e36f0b17.gif

    选中复选框所在的单元格,向下拉动填充,得到所有复选框。

    复选框的作用实际是送出一个数值,然后让电子表格完成相应的计算。

    a3c3c0eb4176b3dcdcfc38df2901db5e.gif

    这个数值的位置可以在复选框上点击右键,设置控件格式,在单元格链接后面的方框中点击一下,然后点击目标单元格,确定即可。

    5830903d1d29aaa406931d5ef5f8a8a6.gif

    现在实验一下,就可以看到复选框送出的实际数据。下面要花一点时间。将所有复选框与相应的单元格关联起来。

    设置条件格式

    045aeb25272b64510f88a9741ff5eb25.gif

    选择需要标记的数据范围,在开始菜单,点击条件格式,新建规则,选择使用公式设置单元格。

    点击公式填写框,随后选择标题“状态”下的第一个单元格。

    e7872de35cf397ca7f5312d9d2143ab5.gif

    反复按下F4,便列成为绝对引用,行为相对引用。

    点击格式,设置字体,然后在填充菜单,修改背景颜色,确定。现在,点击复选框试验一下,效果就达了。

    复选框太多怎么办

    65e1a101275b846fc20ca153eeebe2bd.gif

    如果项目太多,一个个手动设置复选框显然不是一个好办法。

    陈Sir准备了一段现成的代码,使用前要记住添加代码的工作表名称,比如这里是Sheet1,使用Alt和F11,打开VAB编辑器,找到工作表Sheet1,双击打开,复制这段代码,直接粘贴过来,关闭编辑器。

    d69c3bee6bb86a9220b58ca07c6a251a.gif

    选择需要加复选框的单元格,使用Alt和F8打开宏窗口,点击执行,复选框就全部设置好了,单元格链接就是每一个复选框所在的当前单元格。

    比如选中其中一个单元格,打勾,可以在编辑栏看到实际的数据,按下F5,在定位条件中勾选对象,选定所有复选框,使用方向键批量调整一下位置。

    0487b57f9034d03c489be2c1afd0a007.gif

    由于复选框链接的单元格从E列换到了A列,因此条件格式也要修改。

    点击条件格式,管理规则,选中当前工作表,编辑规则 ,将E修改为A,状态栏就不需要了,使用新建立的复选框预览一下,效果就是这样的。

    注意事项

    ef6999a4f8a146813d7725aee36cb8b6.gif

    由于添加了VAB代码,文件在保存时会弹出提示,要保存为启用宏的工作薄才可以。

    知乎视频www.zhihu.com
    展开全文
  • check_box复选框单击事件无法让新添加的表行的复选框跟着变化? 写了一个html页面,想要实现点击左上角复选框后所有复选框跟着打勾,再点击...结果打开浏览器,只要一添加表行,点击左上角checkbox复选框就会不起作用

    check_box复选框单击事件无法让新添加的表行的复选框跟着变化?

    写了一个html页面,想要实现点击左上角复选框后所有复选框跟着打勾,再点击所有复选框跟着取消打勾;

    在script标签内,利用document.getElementById获取了左上角checkbox复选框的对象,并调用了onClick = function(){方法体},方法体获取了所有的checkbox对象,对象.checked=this.checked;
    在这里插入图片描述

    结果打开浏览器,只要一添加表行,点击左上角checkbox复选框就会不起作用:在这里插入图片描述

    随后我把方法注释掉,将点击事件onclick定义在checkbox复选框所在的input标签才解决问题

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    成功了!就是内部一些原理还是搞不懂,请大家不吝赐教!

    以下是源码可以看下,如果能指导一下就更好了!

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>学生信息表</title>
    <!--    需求:制作一个学生信息表,可以添加删除学生数据,可以提交选中数据。-->
        <style>
            table{
                border: 1px solid black;
                width: 600px;
                text-align: center;
                margin-left: 30%;
            }
            th,td{
                border: 1px solid black;
            }
    
            #div_1{
                margin-left: 20%;
                margin-bottom: 30px;
            }
            #div_2{
                margin-left: 30%;
                margin-top: 30px;
            }
            #btn_add{
                border: 0px;
                width: 70px;
                height: 30px;
                background-color:pink;
            }
            #btn_sub{
                border: 0px;
                width: 90px;
                height: 35px;
                margin-left: 40px;
                background-color:gold;
            }
        </style>
    </head>
    <body>
        <div id="div_1">
            <input type="text" id="text_id" placeholder="请输入学生编号">
            <input type="text" id="text_name" placeholder="请输入学生姓名">
            <input type="radio" name="gender" id="male" value="mela"><input type="radio" name="gender" id="female" value="femela"><input type="text" id="text_score" placeholder="请输入学生成绩">
            <input type="button" id="btn_add" value="添加">
        </div>
    
        <form action="#" method="get">
            <table id="table">
                <caption>学生成绩表</caption>
                <tr>
                    <td><input type="checkbox" name="cb" id="cb_first" onclick="selectAllCB(this);"></td>
                    <th>编号</th>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>成绩</th>
                    <th>操作</th>
                </tr>
                <tr>
                    <td><input type="checkbox" name="cb" ></td>
                    <td>1</td>
                    <td>李云龙</td>
                    <td></td>
                    <td>20</td>
                    <td><a href="javascript:void(0);" onclick="delTr(this);">删除</a></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="cb" ></td>
                    <td>2</td>
                    <td>王大锤</td>
                    <td></td>
                    <td>22</td>
                    <td><a href="javascript:void(0);"οnclick="delTr(this);">删除</a></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="cb" ></td>
                    <td>3</td>
                    <td>派大星</td>
                    <td></td>
                    <td>5</td>
                    <td><a href="javascript:void(0);"οnclick="delTr(this);">删除</a></td>
                </tr>
            </table>
    
            <div id="div_2">
                <input type="button" id="btn_selectAll" value="全选">
                <input type="button" id="btn_noSelect" value="全不选">
                <input type="button" id="btn_rev" value="反选">
                <input type="submit" id="btn_sub" value="提交表单">
            </div>
        </form>
        <script>
            /*
            想要实现的功能:
            * 1.添加功能
            * 2.删除功能
            * 3.全选功能
            * 3.1点击左上角复选框实现全选或全不选
            * 
            * 4.全不选功能
            * 5.反选功能
            * 6.鼠标移动变色功能
            * 7.定义方法表单校检(编号不能为空重复、成绩不能为空)
            * 8.提交表单功能(校验成功才能提交)
            * */
    
            //1.添加功能
    
                document.getElementById("btn_add").onclick = function () {
                    var id = document.getElementById("text_id").value;
                    var name = document.getElementById("text_name").value;
                    var gender = document.getElementsByName("gender").value;
                    var score = document.getElementById("text_score").value;
    
                    var table = document.getElementById("table");
                    table.innerHTML += "<tr>\n" +
                        "                <td><input type=\"checkbox\" name=\"cb\" ></td>\n" +
                        "                <td>" + id + "</td>\n" +
                        "                <td>" + name + "</td>\n" +
                        "                <td>" + gender + "</td>\n" +
                        "                <td>" + score + "</td>\n" +
                        "                <td><a href=\"javascript:void(0);\"οnclick=\"delTr(this);\">删除</a></td>\n" +
                        "            </tr>";
                }
    
                //2.删除功能
                function delTr(object) {
                    var table = object.parentNode.parentNode.parentNode;
                    var tr = object.parentNode.parentNode;
                    table.removeChild(tr);
                }
    
                //3.全选功能
                document.getElementById("btn_selectAll").onclick = function () {
                    var cbs = document.getElementsByName("cb");
                    for (var i = 0; i < cbs.length; i++) {
                        cbs[i].checked = true;
                    }
                }
                //3.1单击复选框,其他复选框会跟着变
               function selectAllCB(obj){
                   var cbs = document.getElementsByName("cb");
                   for (var i = 0; i < cbs.length; i++) {
                       cbs[i].checked = obj.checked;
                   }
               }
    
    
                //4.全不选功能
                document.getElementById("btn_noSelect").onclick = function () {
                    var cbs = document.getElementsByName("cb");
                    for (var i = 0; i < cbs.length; i++) {
                        cbs[i].checked = false;
                    }
                }
    
                //5.反选功能
                document.getElementById("btn_rev").onclick = function () {
                    var cbs = document.getElementsByName("cb");
                    for (var i = 0; i < cbs.length; i++) {
                        cbs[i].checked = !cbs[i].checked;
                    }
                }
    
        </script>
    </body>
    </html>
    
    展开全文
  • jQuery 更改checkbox的状态,无效 $(this).attr("checked", false).checkboxradio(...jQuery 操作复选框(checkbox) attr checked不起作用 这 天用到jQuery功能,想实现一个简单的复选框动态全选或全不...

    jQuery 更改checkbox的状态,无效

     

    $(this).attr("checked", false).checkboxradio("refresh");     //应该这么写吧,少了$这个东东~~~跟js混淆了

    jQuery 操作复选框(checkbox) attr checked不起作用

     

     

    这 天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 attr(‘checked’,'checked’);与attr(‘checked’,true); 都不好使,要么第一次成功了,第二次调用就没反应,完全不起作用了。那到底是什么原因呢?

    害得帮客之家小编到处到网上搜 jQuery checkbox的操作,动态选择的相关文章,都写着是这样的实现代码:

    $('input[type=checkbox]').attr('checked','checked');//全选,设置属性 $('input[type=checkbox]').attr('checked',true);//全选,设置属性,通过true布尔值形式 $('input[type=checkbox]').attr('checked',false);//不选择,布尔值形式 $('input[type=checkbox]').removeAttr('checked','checked');//不选选,删除属性

     

    但是测试结果发现,屡试不爽啊,选择一次全选,再调用一次反选,再去调用全选就没效果了。

    难道是 removeAttr 的原因?还是‘帮客之家’使用过新的 jQuery 1.9.1版本。(还是说我要使用原生的javascript代码来完成这项工作呢?)

    这些都不是理由,理由应该 是自己没有用好。不可能这么牛比的框架这么简单的功能都不能实现(也不要轻意怀疑浏览器的问题)

    最终解决方案

    还是到官网,搜索了’checkbox’,找到一文章,仔细查看了吓,有一个类似的操作是

     

    $('obj').attr('checked',true);

     $('obj').prop('checked',true); 

    $('obj').attr('checked',false);

     $('obj').prop('checked',false);

    好了,擦亮你的眼睛,没错最后用的是 prop方法操作一切就OK啦。

    转载于:https://www.cnblogs.com/zhangxiaolei521/p/4978451.html

    展开全文
  • <p>I have to display <code>zone names</code> and the <code>regions</code> coming under the respective zone. I have checkboxes on the right side of each zone and also on the side of regions for ...
  • 用Axure RP 8.0做的原型设计列子,作用复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。
  • <p>Can anybody see why this is not working? It does not make the input field read only when the checkbox is not checked. <p>I have followed all the online advice so far and read much advice but ...
  • //设置复选框选中  function choseCheckBox(){  var theChoseds = '${basePlace.keyAttribute}';  var strs= new Array();   strs = theChoseds.split(",");  for(i = 0; i  $("[name = keyAttribute]...
    //设置复选框选中
     function choseCheckBox(){
      var theChoseds = '${basePlace.keyAttribute}';
      var strs= new Array(); 
      strs = theChoseds.split(",");
      for(i = 0; i < strs.length ; i++){
       $("[name = keyAttribute]:checkbox").each(function () {
           var theValue = $(this).val();
         if(theValue == strs[i]){
          $(this).attr("checked", true);
         }
       })
      }
     }
    展开全文
  • 复选框事件在页面开发中经常会遇到, html代码, js代码 //批量操作复选框事件 //项目用的还是老版本的问题,为了避免作用域的问题,用了controllerAs的写法, //每个controller下的数据都绑定在vm上,可以...
  • 在使用批量删除的过程中,发现点击过后的复选框不受全选框的控制(注释的代码) 后改用Document 对象方法成功使用 $(document).ready(function () { //全选框  $("#ckbSelAll").click(function ...
  • ... <pre><code><script type="text/javascript"> $(function() { $("#selectAll").click(function() { var checked = $(this).prop('checked');... $(".profilebox").attr("checked", checked);...
  • <p>I have an automatic check system that is not working properly <pre><code>while($linha = mysql_fetch_array($tabela)) { $nome = $linha['TABLE_NAME']; ...<p>The problem is the $nome variable, it ...
  • <p>This is my form: <pre><code><?... ?... Yii::t('UserModule.views_auth_login', 'I have read and accept') .... .... Conditions') .... .... ....' .... ....' ....<p>How do I do my form valid only if both 'email' is not empty...
  • 单选按钮、复选框的实际应用图复选框(CheckBox)控件属性说明Name复选框控件的名称Alignment设置标题文本的对齐方式, 取值为: 0 左对齐 1 右对齐Appearance是否用立体效果绘制,取值为: 0 平面 1 3D(立体)BackColor...
  • 组框、单选按钮和复选框都是对话框的常见控件。组框与静态文本框一样是CStatic类的对象,单选按钮和复选框与命令按钮一样都是CButton类的对象。 1、组框 当对话框上控件较多时,可以使用组框(Group Box)将一组...
  • 渲染并美化当前页面的复选框或单选框 响应复选框或单选框的点击事件 特点: 在不同浏览器(包括ie6+)和设备上都有相同的表现 — 包括 桌面和移动设备 支持触摸设备 — iOS、Android、BlackBerry、Windows ...
  • 如果直接对复选框设置样式,那么这个伪类并不实用,因为没有多少样式能够对复选框作用。不过,倒是可以基于复选框的勾选状态借助组合选择符来给其他元素设置样式。 很多时候,无论是为了表单元素统一,还是为了...
  • <p>I have a page where if the checkbox is checked then it should echo "g". I know that the echoing "g" works because I tired it with only pressing the button. <pre><code><?...
  • 单选框和复选框及获取值 <!DOCTYPE html> <html> <head> <title>单选框和复选框及获取值</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">&...
  • <p>i have form with check box and inputbox but validation check box when checked boxes not worked and show validation error <p>Post controller: <pre><code>$this->load->...
  • 表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含menus、textarea、fieldset、legend和label元素。表单用于向服务器传输数据。这还有form标签的实例:第一个用户名:第二个用户名...
  • 判断单选框或复选框是否选中</title> </head> <body> <input name=”radio1″ type=”radio” value=”test”> <button onClick=”alert(‘单选项’+(document....
  • checkbox(复选框

    千次阅读 2019-05-10 09:42:09
    checkbox(复选框)要向实现按钮功能,在定义的时候必须每个按钮都加上USER-COMMAND XX. 否则不起作用。 之所以需要在每一个定义字段加上 USER-COMMAND XX,那是因为checkbox 不能像 RADIOBUTTON一样定义 group X. ...
  • <p>I am trying to make some input checkboxes for my configuration module but choice widget isn't working. <p>So it works only for radio buttons and menu while for multiple menu and checkboxes I ...
  • 1 实现效果 2 知识点讲解 ...标签在单选按钮和复选按钮上经常被使用,使用该标签后,你点击label标签内的内容,也可以选中对应的单选按钮或复选按钮。 标签语法格式: 关联控件的id xss=removed>
  • 这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现attr(‘checked’,'checked’);与attr(‘checked’,true); 都不好使,要么第一次成功了,第二次调用就没反应,完全不起作用了。那到底是...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 576
精华内容 230
关键字:

复选框作用