练习取Table下的CheckBox控件

原创 2016年05月30日 23:31:36


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    
    <script type="text/javascript">


        function myClick(e) {
//            var cks = document.getElementsByTagName("ckname1");
//            for (var i = 0; i < cks.length; i++) {
//                 if (e.checked) {
//                     alert(e.id);
//                 }
            //            }


            if (e.checked) {
                alert(e.id);
                alert(e.mytest);
                e.checked = !e.checked;
            }
        }
        
    </script>


</head>
<body >


<table >
<tbody >


<tr><td id="testId">选中<input type="checkbox" id="ck1" mytest="test1" name="ckname1" onclick="if(this.checked){alert('选中时:'+this.id);}else{alert('没有被选中');}" /></td><td><input type="text" id="Text1" /></td></tr>


<tr><td>选中<input type="checkbox" onclick="myClick(this)" id="ck2" mytest="test2" name="ckname1" /></td><td><input type="text" id="Text2" /></td></tr>


<tr><td>选中<input type="checkbox" onclick="myClick(this)" id="ck3" mytest="test3" name="ckname1" /></td><td><input type="text" id="Text3" /></td></tr>


<tr><td>选中<input type="checkbox" onclick="myClick(this)" id="ck4" mytest="test4" name="ckname1" /></td><td><input type="text" id="Text4" /></td></tr>




</tbody>
</table>






</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

jQuery之实战(checkbox,table)

实现功能如下:参考图片  1 页面加载时效果    2 全选效果    3 取消全选效果    4 反选效果    5 全选奇行效果    6 全选偶行效果    7 点击复...
  • qq_26926889
  • qq_26926889
  • 2016年10月16日 15:09
  • 646

Bootstrap之表格checkbox复选框全选

Bootstrap中表格的复选框全选
  • shangmingchao
  • shangmingchao
  • 2015年11月10日 16:23
  • 57963

table表格的checkbox的全选和选中

表格 --> --> --> 列表 ...
  • NotBad_
  • NotBad_
  • 2016年12月22日 14:26
  • 2200

bootstrapTable checkbox 选中 回显

columns : [{ field:"state", checkbox:true, align : 'center' , formatter:function(value,row,index...
  • lg12lp12
  • lg12lp12
  • 2017年03月30日 16:49
  • 2061

html table中嵌入checkbox实现全选

  • feilonglulu
  • feilonglulu
  • 2012年09月27日 12:28
  • 5051

关于table里面的checkbox选择无效的问题

废话不多说, 直接看代码 XX.html ...
  • alanfancy
  • alanfancy
  • 2015年11月23日 16:35
  • 510

html中的简单实例演示(checkbox)的使用

演示一个小小的例子:在购物车里面,我们能够勾选自己所选的商品,然后能够显示出相应的价格。 1,首先显示出相应的界面: 相关代码: 商品列表: 笔记本电脑3000   台式...
  • yangxin_blog
  • yangxin_blog
  • 2015年10月15日 21:38
  • 6053

练习取Table下的CheckBox控件

function myClick(e) { //            var cks = document.getElementsByTagName("ckname1"); //        ...
  • zunguitiancheng
  • zunguitiancheng
  • 2016年05月30日 23:31
  • 337

table获取checkbox是否选中的几种方法

function test() { $(".table tbody tr").find("td:first input:checkbox").each(function () { ...
  • chen254810107
  • chen254810107
  • 2017年04月19日 15:30
  • 1274

点击checkbox使用js取table中tr下td中的各个标签value

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">     ...
  • zunguitiancheng
  • zunguitiancheng
  • 2013年05月29日 13:28
  • 3720
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:练习取Table下的CheckBox控件
举报原因:
原因补充:

(最多只允许输入30个字)