1. 程式人生 > >Jquery實現全選全不選最簡單的方式以及獲取選中的值

Jquery實現全選全不選最簡單的方式以及獲取選中的值

          $(function() {  
            $('#checkall').on('click',function(){
                if(this.checked) {
                    $("input[name='childcheck']").prop('checked',true);
                }else {
                    $("input[name='childcheck']").prop('checked',false);
                }
            });
         }); 

注意:若使用attr代替prop,全選效果只能實現一次。

<table>
                <tr>
                    <td><input type="checkbox" name="" id="checkall" value="" /></td>
                    <td>序號</td>
                    <td>使用者名稱稱</td>
                </tr>
                <tr
th:each="a,aStat:${adminlist}">
<td><input type="checkbox" name="childcheck" id="${a.id}" value="${a.id}" /></td> <td th:text="${aStat.count}">1</td> <td th:text="${a.adminname}">超級管理員</td> </tr
>
</table>

取值:

           var pList = "";
            $("[name='childcheck']").each(function () {
                if ($(this).is(':checked')) {
                    pList += $(this).val() + ",";
                }
            });
            //去除最後的,
           pList=pList.substr(0,pList.length-1);