jquery - jquerymobile 动态检查复选框

Question

我想让这个例子工作

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

有一个全选按钮

谢谢

Answer 1

这样做： -

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

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

这是诀窍，您需要按照勾选复选框。

参考现场演示

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方法。