码迷,mamicode.com
首页 > 其他好文 > 详细

关于checkbox对应一张表时如何遍历

时间:2017-10-01 14:26:02      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:cti   html   htm   alert   如何   each   str1   val   1.4   

html代码:

<table>
<tr>
<td><input name=‘one‘ type=‘checkbox‘ value=‘1‘/></td>
<td name="name">张三</td>
<td name="age">35</td>
<td name="job">职员</td>
<td naem="sal">3444</td>
</tr>
<tr>
<td><input name=‘one‘ type=‘checkbox‘ value=‘1‘/></td>
<td name="name">李四</td>
<td name="age">34</td>
<td name="job">职员</td>
<td naem="sal">4555</td>
</tr>
<tr>
<td><input name=‘one‘ type=‘checkbox‘ value=‘1‘/></td>
<td name="name">王二</td>
<td name="age">55</td>
<td name="job">boss</td>
<td naem="sal">10000</td>
</tr>
</table>
<button id="btn" value="submit">submit</button>

js代码:
<script src="jquery-2.1.4/jquery.min.js"></script>

<script>
$(document).ready(function () {
$("#btn").click(function () {
var row;
$("input[type=‘checkbox‘]").each(function () {
if($(this).is(":checked")){
//获取整个表,为下面遍历
row = $(this).parent("td").parent("tr");
//比较val(),html(),text()的区别
var str = row.html();
var str1 = row.val();
var str2 = row.text();
alert(str);
alert(str1);
alert(str2);
//采用find() childen()方法进行选择
                    var str3 = row.find("td").text();
var str4 = row.find("td").val();
var str5 = row.find("td").html();
alert(str3);
alert(str4);
alert(str5);
var str6 = row.find(".name").text();
var str7 = row.find(".name").val();
var str8 = row.find(".name").html();
alert(str6);
alert(str7);
alert(str8);
                }

})
})
})
</script>


关于checkbox对应一张表时如何遍历

标签:cti   html   htm   alert   如何   each   str1   val   1.4   

原文地址:http://www.cnblogs.com/lwx521/p/7617095.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!