javascript - 复选框代码不起作用

标签 javascript jquery html

<script>
function edit(em) {
    var ch = em.value;

    var ed = $("td.td" + ch).value;
    if ($(ed).is(: checked)) {
        $(this).show();
    } else {
        $(this).hide();
    }
}
</script>
   
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>        
</head>
<body>
    <input type="checkbox" value="25" onclick="edit(this)">
    <input type="checkbox" value="26" onclick="edit(this)">
    <input type="checkbox" value="27" onclick="edit(this)">
    <table>
        <tr>
            <td class="td25" value="25"><a href="#">Edit</a></td>
            <td class="td26" value="26"><a href="#">Edit</a></td>
            <td class="td27" value="27"><a href="#">Edit</a></td>
        </tr>
    </table>
</body>
</html>

最佳答案

这里有一个错误:

if($(ed).is(:checked))...

应该是:

if($(ed).is(':checked'))...

关于javascript - 复选框代码不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30274752/

相关文章:

javascript - img 在搜索 Angular js 时显示损坏

php - 如何在html设计中显示20列

html - 在 express 中,是否可以在没有 AJAX 的情况下 POST 对象数组?

javascript - 自定义元素从输入类型范围扩展

javascript - 使用 jQuery 定位 iFrame 主体(同一域)

javascript - 跨 JavaScript 文件声明变量和函数

javascript - 如何清除客户端webdatagrid上的过滤、排序和分页?

javascript - 使用 Javascript 在嵌套 FormView 中隐藏/显示控件

javascript - Isotope Jquery 插件布局问题

jquery - 如何刷新 Bootstrap 表数据