2

先がはっきりしなくてすみません。ええと、私が望んでいたのは、ドロップダウン メニューの特定のオプションが選択された場合に、特定のテキストにアスタリスクを表示することです。そのような必須フィールドと言うのが好きです。私は Web 開発の初心者なので、本当に助けてくれる人が必要です。

ボタンをクリックしたときにインラインと可視性を表示するように変更する必要があります。

これは私のhtmlタグです：

font color=red id="dobRec" style="display:none;visibility:hidden;">* /font>

私のJQueryコードはこれです：

<script>
        $("#custType").change(function(){
            if ($(this).val == 'R') {
                //display the asterisk
            }elseif ($(this).val == 'B') {
                //do something here

            }
        });
 </script>
4

3 に答える 3

4

ウェブ開発へようこそ:)

既にお持ちのコードを確認していただけると助かります。いくつか貼り付けていただけますか？

jQuery でスタイルを変更する

コードを見ずにいくつかの仮定を行う必要がありますが、jQuery を使用して可視性などの css 属性を変更するには、次のようにします。

$('#idOfTag').css({'visibility':'visible'});

詳細については、http://api.jquery.com/css/を参照してください。

変更したい複数の css 属性を含む完全な JS オブジェクトを定義して、それらを一度に適用することもできることに注意してください。

var cssStyle = {
       'visibility':'visible',
       'width':'190px',
       'float':'left'
        }

$('#idOfTag').css(cssStyle);

最後の属性の後にコンマがないことに注意してください。これは、正しい JavaScript 構文に必要です。

ボタンバインディング

次のようにして、イベントをボタンのクリックにバインドできます。

$('#idOfButton').bind('click', function(e) {
      //If you don't want the default action to occur you can do
      e.preventDefault();

      //Here, the 'this' object refers to the button
      //You can execute the previous code to change the css of the other element here
});

これを達成する方法は他にもあります。

$('#idOfButton').click(function(e) {

});

これは同じことを行います。それはあなた次第です。これがあなたの質問に答えてくれることを願っています。他に何かお手伝いできることがありましたらお知らせください。

jQuery で実行できるその他の優れた CSS に関する詳細情報は、http://benashby.com/jquery/ching-css-attributesの私のブログ投稿で見つけることができます。

于 2013-08-21T01:20:39.910 に答える
1

.css()jQueryで使用できます

$('#dobRec').css({
    "display" : "inline",
    "visibility":"visible"
});

.val()編集：質問が変更されたため、中括弧を使用してほとんどそこにいました

$("#custType").change(function(){
    if ($(this).val() == 'R') {
           //display the asterisk
        } elseif ($(this).val() == 'B') {
            //do something here
    }
});
于 2013-08-21T01:19:41.430 に答える
1

次の 3 つの解決策が考えられます。

1) CSS クラス myStyle を作成します。

 .myStyle{
         display:inline;
         visibility: visible;

  }

それを要素に追加すると、次のようにaddClass()を使用して実行できます。

   $('#dobRec').addClass('myStyle');

2) jQuery のcss()も使用できます。

   $('#dobRec').css({  "display" : "inline",  "visibility":"visible"});

3) 別の解決策は、次のようにAttr()を使用して Style 属性を編集することです:

   $('#dobRec').attr('style','display:inline;visibility:visible');

したがって、編集後の完全なソリューション:

    $("#custType").change(function(){
        if($(this).val() == 'R') {
            $('#dobRec').css({
                   "display" : "inline",
                   "visibility":"visible"
            });

        }else if ($(this).val() == 'B') {
            //do something here

        }
    });

これがあなたが望むもののjsfiddleソリューションです： http://jsfiddle.net/HteKD/

于 2013-08-21T01:20:23.727 に答える