0
私はブートストラップ3を使用して、ラジオボタンのグループを使用してい無効ラジオボタン、まだクリッカブル
<div class="form-group required">
<label for="option1" class="control-label col-md-4">Option 1</label>
<div class="col-md-6">
<div class="btn-group" data-toggle="buttons">
<label class="btn">
<input id="opt1-yes" name="option1" type="radio" value="1"><i class="fa fa-circle-o fa-2x"></i><i class="fa fa-dot-circle-o fa-2x"></i><span> Yes</span>
</label>
<label class="btn">
<input id="opt1-no" name="option1" type="radio" value="0"><i class="fa fa-circle-o fa-2x"></i><i class="fa fa-dot-circle-o fa-2x"></i><span> No</span>
</label>
</div>
</div>
</div>
<div class="form-group required">
<label for="option2" class="control-label col-md-4">Option 2</label>
<div class="col-md-6">
<div class="btn-group" data-toggle="buttons">
<label class="btn">
<input id="opt2-yes" name="option2" type="radio" value="1"><i class="fa fa-circle-o fa-2x"></i><i class="fa fa-dot-circle-o fa-2x"></i><span> Yes</span>
</label>
<label class="btn">
<input id="opt2-no" name="option2" type="radio" value="0"><i class="fa fa-circle-o fa-2x"></i><i class="fa fa-dot-circle-o fa-2x"></i><span> No</span>
</label>
</div>
</div>
</div>
のjQuery
$('input[type=radio][name=option2]').change(function() {
if($('#opt2-yes').is(':checked')) {
$('input[type="radio"][name="option1"]').attr('disabled', true).parent('.btn').addClass('disabled');
$('#opt1-no').prop('checked', true);
$('#opt1-yes').parent('.btn').removeClass('active');
$('#opt1-no').parent('.btn').addClass('active');
}
else {
$('input[type="radio"][name="option1"]').attr('disabled', false).parent('.btn').removeClass('disabled');
}
});
は、私が「はい」に最初のラジオボタンオプションと2番目のオプションを設定すると言います「はい」に設定すると、最初のセットは「いいえ」に変更され、無効になります。これは私が見ることができる限り動作するようですが、私は最初のセットをクリックした場合、私は彼らがしているにもかかわらず、オプションを変更することができます無効
私はあなたが問題を見ることができますhttps://jsfiddle.net/tux7cftm/でフィドルを作成しました
すべてのヘルプは
感謝を参照してくださいあなたのスタイルシートに
を以下のCSSを追加...このソート 問題 – AdRock