0

ユーザーのラジオ ボタンの選択に基づいて、ドロップダウン ボックスを無効/有効にしようとしています。私は次の JSFiddle を持っています: JSFiddleはそれ自体で正常に動作します。

$('input[type=radio]').click(function() {
    var r_id = $("input[@name=sc]:checked").attr('id');
    alert(r_id);

    if (r_id == "bName") {
        //enable By Name drop down
        $(".dName").prop('disabled', false);
        //disable By Specialty drop down
        $(".dSpecialty").prop('disabled', true);
    }
    if (r_id == "bSpecialty") {
        //enable By Specialty drop down
        $(".dSpecialty").prop('disabled', false);
        //disable By Name drop down
        $(".dName").prop('disabled', true);
    }
});

次のページのまったく同じコードが機能していません: Website Demo

4

4 に答える 4

1

ローカルの XAMPP サーバーでコードを実行しました。問題は selected.jquery.js ファイルから発生しているようです。このスクリプトを example.jquery.html から削除すると、意図した動作が得られます。

何が起こっているかという<select>と、JS が正常に機能するすべてのオプションを含むタグから始めることです。ただし、この selected.jquery.js は、このタグ<div>の代わりにブロックを作成します。「無効」プロパティは、この新しく構築されたブロック<select>には適用されなくなりました。<div>

参考： 無効化された <div> はどのように動作すればよいですか?

この selected.jquery.js ファイルは、サードパーティのカスタム ドロップダウン ボックスのように見えます。これを無効にする機能がすでに存在するかどうかわからない場合は、おそらく API を確認する必要があります。そうでない場合は、この div のカスタム CSS クラスを作成して、色あせて見えるようにする必要があります。

于 2013-05-13T19:49:44.547 に答える