1

HTMl に 3 つのラジオボタンと 3 つの異なるコンボ ボックスがあります。ラジオボタンでコンボボックスのCrtlを有効/無効にしたい。たとえば、G1 ラジオ ボタンをクリックすると、g1 コンボ ボックスのみが有効になり、その他は無効になります。JSでこれを行うにはどうすればよいですか!?

<input type="radio" name="g1" value="g1"> G1
<input type="radio" name="g2" value="g2"> G2
<input type="radio" name="g3" value="g3"> G3


<select name="g1">
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>

<select name="g2">
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>

<select name="g3">
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
4

3 に答える 3

1

これを試して：

http://jsfiddle.net/VeaVh/1/

あなたが書くことができるより良いセレクターがあります、これは単なる例です。

于 2012-09-24T07:07:19.387 に答える
1

jQueryでこのコードを試してください。これは正常に機能します。

<script type="text/javascript" language="javascript">
    $(document).ready(function(){
        $('.radio').click(function(){
            $('.radio').not(this).removeAttr("checked");
            var id="select_"+$(this).attr('id');
            $('select').removeAttr("disabled");
            $('select').not("#"+id).attr('disabled','true');
        });
    });
</script>

html：

<input type="radio" name="g1" value="g1" class="radio" id="g1"> G1
<input type="radio" name="g2" value="g2" class="radio" id="g2"> G2
<input type="radio" name="g3" value="g3" class="radio" id="g3"> G3


    <select name="g1" id="select_g1">
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
    </select>

    <select name="g2" id="select_g2">
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
    </select>

    <select name="g3" id="select_g3">
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
    </select>

JSFIDDLE： * http://jsfiddle.net/Xbcvh/ *

于 2012-09-24T07:02:45.090 に答える
0

JavaScript を使用してアクセスするには、ドロップダウン フィールドに id を追加する必要があります。

次に、IDを使用して無効にすることができます。

onclickラジオボタンのイベントで、スクリプトを実行してボタンを有効/無効にすることができます

document.getElementById('your_select_id').disabled = true;

于 2012-09-24T06:47:50.807 に答える