如何动态检查"复选框" - jQuery Mobile

Jon*_*mid 20 html javascript jquery jquery-mobile

使用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在此处勾选此复选框?

我尝试了上面的代码,但它似乎不适用于此复选框.

Oma*_*mar 55

你需要改变它的后刷新它.prop,使用.checkboxradio('refresh').这是检查jQuery Mobile中复选框/无线电的正确方法.

演示

$('.selector').prop('checked', true).checkboxradio('refresh');
Run Code Online (Sandbox Code Playgroud)

参考:jQuery Mobile API

  • 像奥马尔一样完美的答案.先生非常感谢您. (2认同)