jQuery选择checkbox =“checked”输出

 1 <p>@{ Layout = null; }</p>
 2 <script type="text/javascript" src="http://www.cnblogs.com/~/Script/js/assert.js"></script>
 3 <script type="text/javascript" src="http://www.cnblogs.com/~/Script/js/jquery-2.1.1.min.js"></script>
 4 <p>Index</p>
 5 <div>
 6 <table class="choseClass">
 7 <tbody>
 8 <tr>
 9 <td><input title="点我点我点我" type="checkbox" /></td>
10 <td>北京</td>
11 <td>二狗子</td>
12 </tr>
13 <tr>
14 <td><input title="戳我戳我戳我" type="checkbox" /></td>
15 <td>吉林</td>
16 <td>大好人</td>
17 </tr>
18 <tr>
19 <td><input title="怼我怼我怼我" type="checkbox" /></td>
20 <td>绵阳</td>
21 <td>唐唐唐</td>
22 </tr>
23 </tbody>
24 </table>
25 <button id="btn1">点击输出</button></div>
26 <script type="text/javascript">// <![CDATA[
27         $(function () {
28             $('#btn1').click(function() {
29                 var content = $('.choseClass tr').find('input:checked').parents("tr");
30                 content.each(function() {
31                     console.log(this.children[1].innerHTML + " ———— " + this.children[2].innerHTML);32                 });
33             });
34             
35         });
36     
37 // ]]></script>

点击输出 checkbox属性为checked的tr  的 地点+姓名 （在控制台输出）

$('.choseClass tr').find('input:checked').parents("tr");
选择class为choseClass元素下的tr，找到 其input中有checked属性的，然后获取当前对象的父级tr

console.log(this.children[1].innerHTML + "----" + this.children[2].innerHTML);
输出：当前对象的第二个子元素  "------" 当前对象的第三个子元素

 ps：感谢~唐二狗--绵阳

 

转载于:https://www.cnblogs.com/NetJH/p/5000301.html