Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Javascript中对各种单选按钮进行多次检查_Javascript_Jquery_Html - Fatal编程技术网

在Javascript中对各种单选按钮进行多次检查

在Javascript中对各种单选按钮进行多次检查,javascript,jquery,html,Javascript,Jquery,Html,我正在开发一个应用程序,它显示两个图形,并包含更改时间间隔的单选按钮。 我想做的是,例如,如果我在第二组单选按钮中选择monthly,那么第一组按钮也应该选中该选项 <div class="panel-radio-buttons"> <form id="SettingMixRadioButtonsGroup1"> <label class="radio-inline"><input type="radio" name="radio

我正在开发一个应用程序,它显示两个图形,并包含更改时间间隔的单选按钮。 我想做的是,例如,如果我在第二组单选按钮中选择monthly,那么第一组按钮也应该选中该选项

<div class="panel-radio-buttons">
    <form id="SettingMixRadioButtonsGroup1">
        <label class="radio-inline"><input type="radio" name="radio1" value="1" id="BtnEnrollmentsInpatient"  
                           ng-model="togglePefsBifsTimeFrame" ng-change='SetDay()'>Daily</label>
        <label class="radio-inline"><input type="radio" name="radio1" value="2" id="BtnEnrollmentsInpatient2"
                           ng-model="togglePefsBifsTimeFrame" ng-change='SetWeek()' >Weekly</label>
        <label class="radio-inline"><input type="radio" name="radio1" value="3" id="BtnEnrollmentsInpatient3"
                           ng-model="togglePefsBifsTimeFrame" ng-change='SetMonth()'>Monthly</label>
    </form>
</div>

<div class="panel-radio-buttons">
    <form id="SettingMixRadioButtonsGroup2">
        <label class="radio-inline"><input type="radio" name="radio1" value="1" id="BtnEnrollmentsInpatient4"  
                           ng-model="togglePefsBifsTimeFrame" ng-change='SetDay()'>Daily</label>
        <label class="radio-inline"><input type="radio" name="radio1" value="2" id="BtnEnrollmentsInpatient5"
                           ng-model="togglePefsBifsTimeFrame" ng-change='SetWeek()'  ng-checked="togglePefsBifsTimeFrame2" >Weekly</label>
        <label class="radio-inline"><input type="radio" name="radio1" value="3" id="BtnEnrollmentsInpatient6"
                           ng-model="togglePefsBifsTimeFrame" ng-change='SetMonth()'>Monthly</label>
    </form>
</div>

但它不会对子元素执行检查。。。如果我使用父级,它可以正常工作,但不是一个非常可伸缩的解决方案,这将为单选按钮的
change
事件创建一个处理程序。它选择
面板单选按钮
下具有相同
属性的所有单选按钮,并将其
选中属性设置为触发事件的元素的属性

$(“输入[type=radio][name=radio1]”)。更改(函数(){
var val=$(this.attr(“值”);
var-radio=$(“.panel单选按钮输入[type=radio][name=radio1][value=“+val+”]);
radio.prop(“checked”,$(this).is(“:checked”);
});

每日的
周报
月刊
每日的
周报
月刊

您应该使用。。getElementById(..prop('checked',true);要获取单选按钮的状态以及它们之间的关系,此链接可能会帮助您了解如何呼叫和链接家长以查看哪些单选按钮已被选中:工作非常出色!非常感谢
$scope.SetDay= function(){
    document.getElementById("SettingMixRadioButtonsGroup1").child[0].checked = true;
    document.getElementById("SettingMixRadioButtonsGroup2").child[0].checked = true;
};