javascript - HTML 复选框不起作用

标签 javascript jquery html

我想使用复选框显示和隐藏表格。该表出现和消失都没有问题。但是复选框没有被选中。我有 Jquery v1.8.2 。我有以下代码:

<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $('#checkbox').toggle(function() {
            document.getElementById('table').style.display = "inline";
        }, function() {
            document.getElementById('table').style.display = "none";
        });
    </script>
</head>
<body>
    <form action="" method="POST" enctype="multipart/form-data">
    <input type="checkbox" id="checkbox">
    <br />
    <table id="table" style="display: none;">
        <tr>
            <td>
                <input type="file" name="file">
                <input type="submit" name="upload" value="upload">
            </td>
        </tr>
    </table>
    </form>
</body>
</html>

最佳答案

试试这个方法-

$('#checkbox').change(function () {
    if ($(this).is(":checked")) {
        $('#table').show();
    } else {
        $('#table').hide();
    }
});

工作演示 --> http://jsfiddle.net/pmNAe/

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

相关文章:

javascript - 按下按钮时在 URL 中发布数据

javascript - 扩展 jQuery 的问题(添加调试功能)

html - 如何构建此 HTML 以将内容置于 div 中

javascript - Jquery 图片库下一个/上一个图像按钮

javascript - 我如何找出哪个字符在退格键的 tinymce 编辑器中被删除(在它实际被删除之前)?

javascript - 如何在 angular.js 指令中使用调用元素的文本?

jquery - fullCalendar v1.5.1 - ie7 和 ie8 - SCRIPT5007

javascript - 自动添加 Nivo Lightbox

html - 将 <ol><li> 标签放在 <h1></h1> 标签之间?

javascript - 使用 DOH 测试自定义模块