练习取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>

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

相关文章推荐

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

function test() { $(".table tbody tr").find("td:first input:checkbox").each(function () { ...

boostrap table插件的分页与checkbox

说明 今天需要实现这样一个功能,有checkbox列表可供选择,要求可以全选,全取消,不同页之间可选择并保存,需要保存上一步的选择信息。 最终实现的功能如图: 具体实现 首先,来...

Jquery主要控件的取值、赋值,包括textbox,button,lable,radio,checkbox,selected

Jquery主要控件的取值、赋值,包括textbox,button,lable,radio,checkbox,selected textbox: var str = $('#txt').val(...

【android基础学习之四】——基础控件CheckBox,Spinner,AutoCompleteTextView,DatePicker,TimePicker

声明:学习的书籍《Android应用开发揭秘》,这里记录学习该书籍的日志,引用的相关代码与总结描述,没有商业的用途,完全是自我学习的一个记录,刚刚学习不可避免会出现很多问题,若是有错误还请大家多多批评...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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