いくつかの RadioButtonList コントロールを含む ASP.Net ページがあります。
このページを読み取り専用形式で表示したいのですが、各 RadioButtonList で選択したラジオボタンを「通常」に表示したい、つまり、無効に見えないようにしますが、値を変更可能にしたくないため、RadioButton をクリック可能にしないようにします.
これはどこかで答えられていると確信していますが、現時点ではグーグルで失敗しています...
いくつかの RadioButtonList コントロールを含む ASP.Net ページがあります。
このページを読み取り専用形式で表示したいのですが、各 RadioButtonList で選択したラジオボタンを「通常」に表示したい、つまり、無効に見えないようにしますが、値を変更可能にしたくないため、RadioButton をクリック可能にしないようにします.
これはどこかで答えられていると確信していますが、現時点ではグーグルで失敗しています...
透明に見えるように、最大の z-index とアルファを最大に設定して、ラジオ ボタン コンテナ div の上に div をオーバーレイするのはどうですか。これにより、ラジオボタンがクリックできなくなります
これを試してくださいhttp://jsfiddle.net/chintupawan/ztT5j/
ボタンがクリック可能にならないようにするには、divを使用してボタンをオーバーレイします。
<form>
<div class="row">
<div class="block"></div>
<input type="radio" name="sex" value="male" id="rdo"/> Male<br />
<input type="radio" name="sex" value="female" id="rdo"/> Female
</div>
</form>
form{width:300px;position:relative;}
.block{width:100px;display:block;height:100px;position:absolute;top:0;}
$('#rdo').click(function(e) {
e.preventDefault();
});
このjQueryを試してください:
$('.class-of-radio-button').click(function(e) {
e.preventDefault();
});
これを試して
$("input[type!='radio'], select, textarea ").attr('disabled',true);
$("input[type='radio']").click(function(e){
e.preventDefault();
});