3

JQMを使用してチェックボックスのステータス（チェック/チェック解除）を変更しようとしています。

HTML 部分には、チェックボックス、Clear ボタン、Set ボタンがあります。

Java Scriptの部分には、ボタンを使用してチェックボックスを「チェック済み」の値に設定し、クリアするコードがあります

 HTML code piece:
 ----------------
 <label><input type="checkbox" name="checkboxName" id="checkboxID">checkbox</label>
 <a href="#" id="clear" data-role="button" data-inline="true" data-theme="b">Clear</a>
 <a href="#" id="set" data-role="button" data-inline="true" data-theme="b">Set</a>

 JS code piece:
 --------------
 $("#clear").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',false);
 });

 $("#set").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',true);
 });

この例を確認してください: http://jsfiddle.net/VXwzp/14/

Set または Clear ボタンを押すと、機能していないことがわかります。

Google Chrome バージョン 26.0.1410.64 m を使用しています

入力からタグを削除すると正常に動作しますが、JQM スタイルが考慮されていないことに気付きました。

 <input type="checkbox" name="checkboxName" id="checkboxID">

例を確認してください: http://jsfiddle.net/QLzBX/1/

JQMを使用してそれを機能させる方法はありますか?

前もって感謝します

アルバロ

4

1 に答える 1

6

作業例: http://jsfiddle.net/Gajotres/VXwzp/15/

$("#clear").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',false).checkboxradio("refresh");
});

$("#set").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',true).checkboxradio("refresh");
});

jQuery Mobile を使用する場合、ウィジェットのマークアップを変更する方法を理解する必要があります。それを確認するには、私の他の回答を見てください: jQuery Mobile: Markup Enhancement of dynamic added content

于 2013-05-10T17:11:36.457 に答える