1

ラジオ入力属性を選択変更時にチェック済みに設定しようとしています。

HTML を選択

<select onChange="jsFunction()" name="templateId" id="selectOpt" required="required">
        <option value=""></option>      
        <option onclick="jsFunction()" value="slides_1">subject1</option>
        <option onclick="jsFunction()" value="slides_2">subject2</option>
        <option onclick="jsFunction()" value="slides_2">subject2</option>
</select>

jQuery

<script>
    function jsFunction(){
      var myselect = document.getElementById("selectOpt");
      var mySlide = myselect.options[myselect.selectedIndex].value;
      document.getElementById.mySlide.prop('checked', 'checked');
    }
</script>

ラジオ HTML

<input type="radio" name="slides" check="checked" id="slides_1"/>
<input type="radio" name="slides" id="slides_2"/>
<input type="radio" name="slides" id="slides_3"/>

ありがとう -ヘクター

4

3 に答える 3

1

JS については、以下の関数を参照してください。

HTML 部分については、オプションの onclick="jsFunction()" フィールドを削除し、最後のオプションを "slides_3" に変更しました。

次の作業コードを参照してください。

JSFiddle

JS:

function jsFunction() {
    var selectedID = $('select#selectOpt').val();
    $('input[type=radio]').filter('#'+selectedID).prop('checked', true);
}

HTML(更新):

<select onChange="jsFunction()" name="templateId" id="selectOpt" required="required">
        <option value=""></option>      
        <option value="slides_1">subject1</option>
        <option value="slides_2">subject2</option>
        <option value="slides_3">subject3</option>
</select>

<div>
    <input type="radio" name="slides" checked="checked" id="slides_1"/>
    <input type="radio" name="slides" id="slides_2"/>
    <input type="radio" name="slides" id="slides_3"/>
</div>
于 2014-04-04T19:14:59.427 に答える
0

jquery をインポートします。

<script type="text/javascript" src="you_jquery_file"></script>

ここからダウンロードできます: http://jquery.com/download/

次に変更します。

document.getElementById.mySlide.prop('checked', 'checked');

に：

$("#"+mySlide).prop('checked', 'checked');
于 2014-04-04T19:06:30.850 に答える