javascript - 选中复选框后不显示 JQuery Mobile Div

Question

我有一个 jquery 移动网络应用程序，我试图对用户隐藏某些字段，除非他们选中复选框。虽然它不起作用。这是我目前所拥有的:

<script type="text/javascript">

$(document).ready(function() {
    $('#mycheckbox').change(function() {
        $('#mycheckboxdiv').toggle();
    });
});
</script>

<fieldset data-role="controlgroup">
<input type="checkbox" name="mycheckbox" id="mycheckbox" value="0" />
</fieldset>
<div id="mycheckboxdiv" style="display:none">
    This content should appear when the checkbox is checked
</div>

当我选中该框时没有任何反应。

Answer 1

change() 通常用于输入或文本区域输入字段。

对于按钮，您使用 .click() 检查点击事件

$("#mycheckbox").click(function() {...