javascript - 复选框后不显示jQuery Mobile Div

我有一个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>

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

最佳答案

change（）通常用于输入或textarea输入字段。

对于按钮，请使用.click（）检查单击事件。

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