0

フォームがあります。ユーザーが「無効」をクリックしたときに、すべてのラジオボタンを無効にし、テキストをぼかして強調表示して、より「無効」に見えるようにします。

どうやってやるの？

その要素にクラスを追加してblur関数を使用しようとしましたが、機能しません。テキストCSSを編集できない場合、ボタンの色を変更したり、テキストの周囲に境界線を付けたりすることはできますか？

4

4 に答える 4

2

あなたの問題が何であるかはわかりません、タスクは非常に単純に見えます。古いバージョンのInternetExplorerをサポートしたい限り、テキストをぼかす真のCSSの方法はありませんが、その色を変更することは問題ありません。簡単な例を次に示します。

$(function() {
    $('#disable').on('click', function() {
        $('#myradio').attr('disabled', 'disabled').parent().addClass('disabled');
    });
})

ライブデモ-http://jsfiddle.net/Pharaon/ggzjF/

于 2012-06-15T19:11:20.387 に答える
1

このblur関数は実際には（視覚的に）何もぼやけません。要素からフォーカスを削除します。コードなしであなたを助けるのは難しいですが、これはあなたを動かすはずです：

CSS3を使用してテキストをぼかす方法

ラジオボタンのクリックを無効にするには、disabledプロパティを設定します。

<input type="radio" disabled>
于 2012-06-15T19:07:03.190 に答える
1

デモ：http：//jsfiddle.net/RXs8B/1/

HTML

<input type="radio" id="radio" value="1" />
<label for="one" id="forRadion">First Item</label>
​&lt;button id="blur">blur it</button>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Jquery

​$(function(){

    $("#blur").click(function()
                     {
                        $("#forRadion").css("color","#F00"); 
                         $("#radio").attr("disabled","true");//apply you own blur color
                     });
});​
于 2012-06-15T19:25:12.770 に答える
0 
$(function() {
    $('#disableBtn').on('click', function() {
        $('#formId input').attr('disabled', 'disabled').addClass('disabledClass');
    });
})
于 2012-06-15T19:19:36.413 に答える