如何用js去点击checkbox所在层从而选中checkbox?

2014-08-20 09:37:19 278 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

SWAT模型非点源模拟原理目录引言模型概述非点源污染模拟原理物质迁移内容过程营养物农药病原菌运移河道水质模型营养元素的地表水体循环河道水质模拟藻类模拟氮元素磷元素生化需氧量及溶解氧重金属的运移蓄水体水质模拟引言今天无意接触到这一块，就记录下来了。模型概述 1、流域中非点源污染的来源主要是农业化肥和农药的施用。 2、氮、磷等营养物和农药的迁移和转化取决于化合物在土壤环境中经历的转化过程。 3、SWAT模型可以模拟水文相应单元内氮、磷完整的营养物循环过程和任何一种农药的降解过程。 4、SWAT模拟流域内泥沙、藻类、溶解氧、有机污染阅读详情

有点词不达意，我还是直接上图吧！

就是这样，点击那个层就可以选中，然后不可以用jquery，因为跟我另外一个有点冲突，这个应该怎么搞啊？

...全文

使用 git一个仓库管理多个项目我们需要在 git 里面创建一个空分支，该分支不继承任何提交，没有父节点，完全是一个干净的分支，这时候就需要使用 orphan。该命令会创建一个新的分支，并且该分支有前一个分支下的所有文件，我们不想提交任何内容，所以我们需要把当前内容全部删除。此时 master 分支已经有一个项目了，下面我们创建新的分支管理另一个项目。此时可以在该分支目录上初始化你的项目，在执行 git 命令提交代码。此时我们就完成了在同一个仓库管理不同项目的需求了。下载仓库到本地之后，进入项目目录，查看分支信息。阅读详情

小歪111

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

XZowie 2014-08-21

打赏
举报

不用js的版本： http://jsbin.com/vuqivazoxici/2/edit

码无边 2014-08-21

打赏
举报


/*table tr 点击选中复选框*/
    $(".content_list tr").slice(1).each(function(){
        var p = this;
        $(this).children().slice(1).click(function(){
            $($(p).children()[0]).children().each(function(){
            if(this.type=="checkbox"){
                if(!this.checked){
                    this.checked = true;
                }else{
                    this.checked = false;
                }
            }
            });
        });
    });


html
[code=html]
<table border="0" cellpadding="0" cellspacing="0" class="content_list">
  <tr class="tb_header">
    <th width="2%"></th>
    <th width="5%">编号</th>
    <th width="">文章名称</th>
    <th>分类</th>
   <th width="8%">作者</th>
   <th>内容</th>
  </tr>
    <tr class="tb_list">
    <td><input type="checkbox" name="id[]" value="118"></td>
    <td>118</td>
    <td>mysql mysqladmin: command not fo  </td>
    <td>mysql</td>
    <td>bloack boy</td>
    <td>有时候安装好</td>
    <td>23</td>
  </tr>
</table>

[/code]

张运领 2014-08-21

打赏
举报

<label style = "display:block;background-color:#aaa;" for = "a"><input type = "checkbox" name = "a" id = "a" /></label>

这样如何？

xuzuning 2014-08-21

打赏
举报

用 label 标记包裹起来

<label for=ck>
<div style='background:#ddd'>
  <input id='ck' type="checkbox" />
</div>
</label>

what是个穷孩纸 2014-08-21

打赏
举报

把触发事件放到div上 click

步慢生错 2014-08-20

打赏
举报

重复生成div 设一个class=“checkable” <div class=“checkable”> <input type="checkbox" /> </div> <script> $(function(){ $(".checkable").click(function(){ $(this).find(":checkbox")[0].checked=!$(this).find(":checkbox")[0].checked; }) }) </script>

小歪111 2014-08-20

打赏
举报

您好，我试了下，单个可以用，如果多个排列好像就不行了，该怎么写呢？我的是cms <div id="testDiv"> <input type="checkbox" /> </div> 这个要重复生成的。。

步慢生错 2014-08-20

打赏
举报


<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
        <style>#testDiv{height:30px;width: 200px;border: 1px solid blue}</style>
<script>
    $(function(){
        $("#testDiv").click(function(){
   
            $(this).find(":checkbox")[0].checked=!$(this).find(":checkbox")[0].checked;
        })

    })
</script>
        <div id="testDiv">
            <input type="checkbox" />
        </div>

用原生是因为jquery不同版本库对checked属性支持有一点不同

如何用js去点击checkbox所在层从而选中checkbox?

相关推荐