根据Javascript中单击的链接选择无线电输入
我希望在单击链接时检查特定的输入。单选按钮有很多链接,我想用变量代替每个链接的函数。这可能吗 目前这就是我所拥有的根据Javascript中单击的链接选择无线电输入,javascript,jquery,html,Javascript,Jquery,Html,我希望在单击链接时检查特定的输入。单选按钮有很多链接,我想用变量代替每个链接的函数。这可能吗 目前这就是我所拥有的 函数检查117(){ document.getElementById(“选项-i-117”)。选中=真; } 函数检查118(){ document.getElementById(“option-i-118”).checked=true; } 函数检查119(){ document.getElementById(“option-i-119”).checked=true; } 函数
函数检查117(){
document.getElementById(“选项-i-117”)。选中=真;
}
函数检查118(){
document.getElementById(“option-i-118”).checked=true;
}
函数检查119(){
document.getElementById(“option-i-119”).checked=true;
}
函数检查120(){
document.getElementById(“option-i-120”).checked=true;
}
选项117
备选案文118
选择119
选择120
您不需要多个功能。只需将这个
传递给函数,这样您就可以在函数中引用它来访问类
,该类可在getElementById()中使用。
:
功能检查(el){
document.getElementById(el.getAttribute('class')).checked=true;
}
选项117
备选案文118
选择119
选择120
您可以将项目的序列号发送到功能:
<a class="option-i-117" onclick="check(117)">Option 117</a>
<a class="option-i-118" onclick="check(118)">Option 118</a>
<a class="option-i-119" onclick="check(119)">Option 119</a>
<a class="option-i-120" onclick="check(120)">Option 120</a>
<input type="radio" name="option[236]" id="option-i-117" value="117">
<input type="radio" name="option[236]" id="option-i-118" value="118">
<input type="radio" name="option[236]" id="option-i-119" value="119">
<input type="radio" name="option[236]" id="option-i-120" value="120">
您不需要javascript
标签,输入{
颜色:蓝色;
游标:指针;}
标签{
显示:内联块;
宽度:20vw;
文本对齐:右;}
div{
边距:2em;}
选项117
备选案文118
选择119
选择120
如果您单击文本向上:
然后在这里输入更改检查状态
选择117
备选案文118
选择119
选择120
您可以为链接的父容器上的单击添加侦听器。这样,您只需将侦听器附加到单个DOM元素,例如主体
您可以检查在侦听器中单击了哪个元素
$(函数(){
$('body')。在('click',函数(e)上{
var id=$(e.target).attr('class');
$('#'+id).prop('checked','true');
})
})
选择117
备选案文118
选择119
选择120
function check(i){
document.getElementById("option-i-"+i).checked = true;
}