Javascript “如何检查”;复选框“;动态jQuery-Mobile

Javascript “如何检查”;复选框“;动态jQuery-Mobile,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,使用HTML时,将创建如下复选框: <form> <input type="checkbox" id="category1">Category1<br> </form> $("#category1")[0].checked = true <form> <label> <input name="checkbox-0 " type="checkbox">Check me &l

使用HTML时,将创建如下复选框:

<form>
   <input type="checkbox" id="category1">Category1<br>
</form>
$("#category1")[0].checked = true
<form>
    <label>
        <input name="checkbox-0 " type="checkbox">Check me
    </label>
</form>
现在我正试图用jquery mobile创建相同的页面。该复选框如下所示:

<form>
   <input type="checkbox" id="category1">Category1<br>
</form>
$("#category1")[0].checked = true
<form>
    <label>
        <input name="checkbox-0 " type="checkbox">Check me
    </label>
</form>

检查我
为什么这里没有
id
?名称是否为
id
?我是否应该删除属性名并创建一个名为
id
的属性名

如何使用Javascript/jQuery在此处选中此复选框

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

您可以执行以下操作:

$('input[name="checkbox-0"]').prop("checked", true).checkboxradio('refresh'); //sets the checkbox
var isChecked =  $('input[name="checkbox-0"]').prop("checked"); //gets the status
直截了当地说:


您需要在更改其“
.prop
”后使用
.checkboxradio('refresh')
刷新它。这是在jQuery Mobile中选中复选框/单选框的正确方法


参考:

使用@Omar的解决方案,我得到了错误:

未捕获错误:无法在初始化之前调用checkboxradio上的方法;试图调用方法“刷新”

我实际上有一个:

注释

  • 我通常不会为页面内容指定ID,因为jQuery Mobile会将多个
    div.ui-page
    内容加载到单个HTML页面中以提高性能。因此,我从未真正理解,如果在HTML
    body
    中多次出现
    id
    (也许有人可以澄清这一点),我如何才能使用它
  • 如果我使用
    prop
    而不是
    attr
    开关将进入无限翻转循环!我没有进一步调查

如果我给复选框一个id,那是否正确:$(#id_name).prop(“checked”,true)?是的,不要忘记选择器
$(“#id_name”).prop(“选中”,true)中的引号@JonhSmid--不知道,我已经更新了我的答案。谢谢你指出这一点!看看这个:你有没有看过相关的文档和其他与这类主题相关的问题?我有看过文档。我在这个页面:。javascript没有任何内容。只需jquery移动部件。对于JS,请始终检查。完美答案始终为Omar。非常感谢您,先生。@JonhSmid谢谢您,别紧张,伙计:)谢谢!还有,为什么?!?!啊,根据文档:我得到了错误
Uncaught错误:在初始化之前无法调用checkboxradio上的方法;即使在链接的演示页面中,也尝试调用方法“刷新”
。请参阅我的答案,了解我是如何让它工作的。@SharpC将它包装在
pagecreate
事件中。在小部件初始化之前,您正在调用
refresh
。$(“input[type='checkbox']”)。attr(“checked”,true)。checkboxradio(“refresh”);就在那里!flipswitch和checkbox是两个不同的小部件。
$("div.ui-page-active div.some-checkbox-area div.ui-flipswitch input[type=checkbox]").attr("checked", true).flipswitch( "refresh" )