jquerymobile动态检查复选框

Question

我想让这个例子起作用

http://jsfiddle.net/ca11111/m8qyN/1/

选择所有按钮

THX

Answer 1

这样做： -

$('a[type=button]').click(function() {
    $('#checks  input[type=checkbox]').attr('checked', 'checked').checkboxradio('refresh');
});

在jquery mobile上，要选中复选框，您需要使用checkboxradio('refresh')。

这是诀窍，你需要按下勾选复选框。

参考 LIVE DEMO

Answer 2

这适合你吗？

• http://jsfiddle.net/m8qyN/3/

JS

$('#checkAll').on('click', function() {
    $('.checkAllGroup').each(function() {
        var cb = $(this);
        cb.attr('checked', true).checkboxradio('refresh');
    });
});

HTML

<div data-role="page" id="Home">
    <div data-role="content">     
test
    <div id="checks" data-role="fieldcontain">
                     <fieldset data-role="controlgroup">
                        <legend>Pays:</legend>
                        <input type="checkbox" name="reg1" id="checkbox-1a" class="checkAllGroup"/>
                        <label for="checkbox-1a">11</label>

                        <input type="checkbox" name="reg2" id="checkbox-2a" class="checkAllGroup"/>
                        <label for="checkbox-2a">12</label>

                    </fieldset>
                </div>      

        <a type="button" id="checkAll">check</a>


    </div>

</div>

Answer 3

您应该使用此setter而不是getter方法。