JQuery Mobile Div 在复选框后不显示

Question

我有一个jquery移动Web应用程序，我试图对用户隐藏某些字段，除非他们选中复选框。 不过它不起作用。 这是我到目前为止所拥有的：

<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() {...