获取单选按钮Id并使用结果影响另一组单选按钮的方法可以通过以下步骤实现:
<div>
<input type="radio" id="group1-option1" name="group1" value="option1">
<label for="group1-option1">Option 1</label>
<input type="radio" id="group1-option2" name="group1" value="option2">
<label for="group1-option2">Option 2</label>
</div>
<div>
<input type="radio" id="group2-option1" name="group2" value="option1">
<label for="group2-option1">Option 1</label>
<input type="radio" id="group2-option2" name="group2" value="option2">
<label for="group2-option2">Option 2</label>
</div>
// 获取第一组单选按钮的父容器
var group1Container = document.querySelector('div:first-of-type');
// 获取第一组单选按钮
var group1Options = group1Container.querySelectorAll('input[type="radio"]');
// 监听第一组单选按钮的change事件
group1Container.addEventListener('change', function() {
// 遍历第一组单选按钮
group1Options.forEach(function(option) {
// 如果选中的单选按钮的值为option1,则禁用第二组单选按钮的option2
if (option.checked && option.value === 'option1') {
document.getElementById('group2-option2').disabled = true;
} else {
document.getElementById('group2-option2').disabled = false;
}
});
});
在上述代码中,我们首先获取第一组单选按钮的父容器,然后获取第一组单选按钮。接着,我们使用事件监听器来监听第一组单选按钮的change事件。当选中的单选按钮的值为option1时,我们禁用第二组单选按钮的option2,否则启用它。
这样,当第一组单选按钮选中option1时,第二组单选按钮的option2将被禁用,反之则启用。
注意:以上代码仅为示例,实际应用中可能需要根据具体情况进行适当修改。
希望这个答案能够满足你的需求。如果你对云计算、IT互联网领域的其他名词有疑问,欢迎继续提问。
领取专属 10元无门槛券
手把手带您无忧上云