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 回答
0

对于这个特殊问题，您不需要 jQuery。这样的事情会做：

function checkRadio(name, id) {
    var rGroup = document.getElementsByName(name);
    var theRadio = document.getElementById(id);
    // uncheck the checked ones
    for (var i=0;i<rGroup.length;i++) {
        rGroup[i].checked = false;   
    }
    // check the appropriate button
    theRadio.checked = true;
}

// bind custom event to your select list
var mylist = document.getElementById('some_select_list');
mylist.addEventListener('change', function() {
        var selected = this.options[this.selectedIndex].value;
        checkRadio('radio_group_name', selected);
    }, false);
于 2014-04-04T20:05:21.500 回答