Js对table 如何实现多选?
phpcn_u251
phpcn_u251 2017-03-27 13:46:38
0
2
1192

页面里有我的一个table,每一行前面加了一个checkbox,点击checkbox 可以选中这一行,但是必须要点中checkbox 才行。我的问题个是:  能不能点击某一行就把checkbox 给勾选上,而不需必须点击checkbox.  如果可以,怎么做?

phpcn_u251
phpcn_u251

reply all(2)
数据分析师

How to implement multiple selection on table in Js? -PHP Chinese website Q&A-How to implement multiple selection on table in Js? -PHP Chinese website Q&A

Let’s take a look and learn.

阿神
<table>
    <tr class="tr">
        <td>
            <input type="checkbox" class="check" />
        </td>
        <td>
            内容        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" />
        </td>
        <td>
            内容        </td>
    </tr></table>

你可以给tr点击事件,让check被选中。

$('.tr').click(function(){
$(this).children('.check').checked;
})

大概写了下,不知道是不是你要的效果,就是获取行这个对象,点击后找到它的儿子元素check,然后给选中效果

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!