6

ここで見つけた多くのアイデアを試して、別のチェックボックスがチェックされているときにチェックボックスをオフにしましたが、どれも機能していません...

今私は持っています：

$("#chkBox1").click(function () {
 if ($(this).is(":checked")) {
  $('#chkBox2').prop('checked', false); }
});

..しかし、結果はありません。chkBox2 はチェックされたままです

HTMLのチェックボックスは次のとおりです。

<input type="checkbox" name="art" id="chkBox1" data-mini="true" data-theme="c" />

私のコードで考えられる違いの1つは、hrefを使用してボタンがクリックされたときにのみチェックボックスがページに追加されることです...チェックボックスはHTMLにあります(Javascriptでは作成されません)..しかし、ボタンがクリックされるまで表示されません..これは問題の一部でしょうか？それとも、他に何か不足していますか？また、JQuery Mobile を使用しています。

4

4 に答える 4

12

.propを使用して、その ' を変更した後、更新する必要があります.checkboxradio('refresh')。

デモ

// Check #chkBox2 by default
$('#chkBox2').prop('checked', true).checkboxradio('refresh')

// Uncheck #chkBox2 when #chkBox1 is checked
$('#chkBox1').on('click', function () {
 if ($(this).is(':checked')) {
  $('#chkBox2').prop('checked', false).checkboxradio('refresh');
 }
});
于 2013-03-29T15:46:53.363 に答える
1

すみません、読み続けるべきでした！

これはトリックを行うようです：

  $('#chkBox1').checkboxradio('refresh');

..しかし、正確にはわかりませんが、これは JQuery Mobile に固有のものなのでしょうか?

于 2013-03-29T15:53:49.913 に答える
0

HTML

<input type="checkbox" name="art" id="chkBox1" data-mini="true" data-theme="c" />
<input type="checkbox" name="art2" id="chkBox2" data-mini="true" data-theme="c" checked="checked" />

jQuery:

(function ($) {
$(document).ready(function () {
    $("#chkBox1").click(function () {
        if ($(this).is(":checked")) {
            $('#chkBox2').prop('checked', false);
        }
    });
});
})(jQuery);

ここでの実例http://jsfiddle.net/SwmN6/75/

于 2013-03-29T15:58:04.880 に答える
-1

を確認thisし、変更していchkBox2ます:

if ($(this).is(":checked")) {
     $('#chkBox2').prop('checked', false); }

代わりにこれを試してください：

if ($('#chkBox2').is(":checked")) {
     $('#chkBox2').prop('checked', false); }

または単に：

$('#chkBox2').prop('checked', false);
于 2013-03-29T15:40:59.597 に答える