checkbox 復選框無法設置選中與否狀態

本文轉載自查看原文 2017-06-21 17:16 2168 H5

最近寫關於表格內部復選框點擊選中切換，研究半個小時沒研究出來，最后快放棄的時候發現竟然因為jquery 版本問題，1.6以后的版本用attr()設置是無效的必須用prop（）屬性設置。如果想點擊切換復選框狀態，代碼如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-1.11.3.js"></script>
    <style>
        td{
            padding: 15px;
            border: 1px solid red;
        }
    </style>
</head>
<body>
<table>
    <tr>
        <td><input type="checkbox"  ></td>
        <td><input type="checkbox" ></td>
        <td><input type="checkbox" ></td>
        <td><input type="checkbox" ></td>
        <td><input type="checkbox" ></td>
    </tr>
</table>
<script>
    $(function(){
        $("td").on('click',function(){
            if($(this).find("input").is(":checked")){
                $(this).find("input").removeAttr("checked")
            }else{
                $(this).find("input").prop("checked","checked")
            }
        })
    })
</script>
</body>
</html>

效果如下：

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 設置checkbox不能選中，復選框不能選中 jQuery判斷復選框checkbox的選中狀態獲取復選框checkbox選中的值 mui——checkbox復選框狀態綁定分頁實現復選框的選中狀態關於復選框選中狀態的判斷判定復選框的選中狀態 ElementUI el-checkbox 點擊Label不取消復選框的選中狀態 jquery checkbox 復選框多次點擊判斷選中狀態,以及全選/取消的代碼示例 PyQt5基礎學習-QCheckBox()復選框 1.QCheckBox().stateChanged(狀態變化時調用函數) 2.self.checkBox3.setTristate(設置半選中狀態)