6

私は3つのラジオボタンを持っています

<div id="test">
<input type="radio" id="time1" name="radio" value="1" /><label for="time1">Test 1</label>
<input type="radio" id="time2" name="radio" value="2" /><label for="time2">Test 2</label>
<input type="radio" id="time3" name="radio" value="3" /><label for="time3">Test 3</label>
</div>

jqueryで

$("#test").buttonset();

その後、それらを無効にしたい（もちろん、無効化はifステートメントに配置されます）

$("#test input").attr("disabled", true);  //or
$("#test input").prop("disabled", true);

ボタンはまだ有効になっています。

4

5 に答える 5

11

jQuery-UI を使用しています。ラジオ ボタンを に変更するとbuttonset、次のようにラップされているため、UserInterface には影響しなくなります。

<div id="test" class="ui-buttonset">
<input type="radio" id="time1" name="radio" value="1" class="ui-helper-hidden-accessible"><label for="time1" aria-pressed="false" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" role="button" aria-disabled="false"><span class="ui-button-text">Test 1</span></label>
<input type="radio" id="time2" name="radio" value="2" class="ui-helper-hidden-accessible"><label for="time2" aria-pressed="false" class="ui-button ui-widget ui-state-default ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Test 2</span></label>
<input type="radio" id="time3" name="radio" value="3" class="ui-helper-hidden-accessible"><label for="time3" aria-pressed="true" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right ui-state-active" role="button" aria-disabled="false"><span class="ui-button-text">Test 3</span></label>
</div>

したがって、「ボタン」を無効にするにはjQuery UI関数が必要です（これはspans！）

$("#test input").button("disable")

ライブデモ

jQuery-UI ソース

于 2012-05-09T10:04:02.803 に答える
7 
$("#test > input:radio").button({disabled:true});

デモ

于 2012-05-09T09:57:43.813 に答える
1

無効にした後、 $("#test").buttonset() を再度呼び出します。

$("#test").buttonset();

それから：

$("#test input").attr("disabled", true);  //or
$("#test input").prop("disabled", true);
$("#test").buttonset();

私はそれをテストし、私のために働きます

于 2012-05-09T10:16:00.373 に答える