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删除。

猜您在找 jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例 jQuery获取单选框（复选框）选中的状态 input checkbox复选框全选与部分选中效果 js获取checkbox复选框获取选中的选项 BootStrap-table 复选框默认选中（checkbox）下拉选择select和复选框checkbox的状态的各种方式 html 复选框checkbox checkbox复选框居中 el-tree中复选框删除选中状态【转】纯CSS设置Checkbox复选框控件的样式