2

ページの読み込み中、無効になっているチェック ボックスがあります。ボタンを押すときに有効にしたい。私のデスクトップ バージョンでは動作しますが、jQuery Mobile バージョンでは動作しません。反対のことを行うと(ロード時に有効にし、ボタンを使用して無効にすると、問題なく動作します)。コードは次のとおりです。

HTML:

<div>
     @Html.CheckBoxFor(model => model.Terms, new { id = "terms", disabled = "disabled"}) 
</div>

<div>
 <input type="button" id="blah" name="blah" data-inline="true" value="blah" />
</div>

jQuery:

<script language="javascript" type="text/javascript">
$().ready(function () {
    $("#blah").click(function () {            
        $('#terms').removeAttr('disabled');
    });
});
</script>

どんな助けでも大歓迎です!

ありがとう!

4

1 に答える 1

1

まず第一に、jQuery Mobileでは使用しないでください。 .ready()常にjQuery Mobile eventsを使用してください。

あなたの問題については、.prop('disabled, false)拡張メソッドを使用してから呼び出し.checkboxradio('refresh')て、チェックボックスのスタイルを変更する必要があります。

デモ

$('#blah').on('click', function () {
  $('#foo').prop('disabled', false).checkboxradio('refresh');
});
于 2013-09-23T21:02:07.077 に答える