使用HTML,创建一个复选框,如下所示:
<form>
<input type="checkbox" id="category1">Category1<br>
</form>
Run Code Online (Sandbox Code Playgroud)
使用javascript我们可以选中这样的复选框:
$("#category1")[0].checked = true
Run Code Online (Sandbox Code Playgroud)
现在我试图用jquery-mobile创建相同的页面.该复选框如下所示:
<form>
<label>
<input name="checkbox-0 " type="checkbox">Check me
</label>
</form>
Run Code Online (Sandbox Code Playgroud)
为什么没有id这里?是这个名字id吗?我应该删除属性名称并创建一个名称id?
如何使用Javascript/jQuery在此处勾选此复选框?
我尝试了上面的代码,但它似乎不适用于此复选框.
我有一个带有两个按钮的jquerymobile页面.一两个选中所有复选框,一个选中取消选中所有复选框.我第一次点击check all它有效,但在取消选中之后它不再有效.
这是我的代码:
<div data-role="page" id="selecttest">
<div data-role="header">
<a href="#sc" data-icon="home">SSC</a>
<h1>...</h1>
</div><!-- /header -->
<div data-role="content">
<fieldset class="ui-grid-a">
<div class="ui-block-a"><button onclick="$('#selecttest input[type=checkbox]').attr('checked','checked').checkboxradio('refresh');" data-theme="b">check all</button></div>
<div class="ui-block-b"><button onclick="$('#selecttest input[type=checkbox]').removeAttr('checked').checkboxradio('refresh');" data-theme="b">uncheck all</button></div>
</fieldset>
<fieldset data-role="controlgroup">
<input type="checkbox" name="checkbox-v-2a" id="checkbox-v-2a">
<label for="checkbox-v-2a">One</label>
<input type="checkbox" name="checkbox-v-2b" id="checkbox-v-2b">
<label for="checkbox-v-2b">Two</label>
<input type="checkbox" name="checkbox-v-2c" id="checkbox-v-2c">
<label for="checkbox-v-2c">Three</label>
</fieldset>
</div>
</div><!-- /page -->
Run Code Online (Sandbox Code Playgroud)
我正在使用jQuery 1.9.1和jQuerymobile 1.3
我已经看过如何选择或取消选择JQuery Mobile中的所有复选框?但它没有帮助我.