相关疑难解决方法(0)

如何动态检查"复选框" - 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在此处勾选此复选框?

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

html javascript jquery jquery-mobile

20
推荐指数
1
解决办法
4万
查看次数

选中/取消选中jquery mobile中的所有复选框都失败

我有一个带有两个按钮的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中的所有复选框?但它没有帮助我.

jquery jquery-mobile

1
推荐指数
1
解决办法
5326
查看次数

标签 统计

jquery ×2

jquery-mobile ×2

html ×1

javascript ×1