Javascript 最;“美丽”;在Jquery中按名称选择单选按钮的函数

Javascript 最;“美丽”;在Jquery中按名称选择单选按钮的函数,javascript,jquery,radio-button,Javascript,Jquery,Radio Button,我仍然发现在jQuery中主动选择(设置)单选按钮有点令人困惑(有很多不同的实现方法) 我使用此功能setRadioButton(radioName,option),它允许我按名称和要主动选择的选项选择单选按钮 功能设置RadioButton(radioName,选项){ var$radios=$('input[type=“radio”][name=“”+radioName+”]); 对于(var i=0;i无需循环所有无线电输入。您可以使用: function setRadioButton(

我仍然发现在jQuery中主动选择(设置)单选按钮有点令人困惑(有很多不同的实现方法)

我使用此功能
setRadioButton(radioName,option)
,它允许我按名称和要主动选择的选项选择单选按钮

功能设置RadioButton(radioName,选项){
var$radios=$('input[type=“radio”][name=“”+radioName+”]);

对于(var i=0;i无需循环所有无线电输入。您可以使用:

function setRadioButton(name, option){
   $('input[name="' + name + '"][value="'+option+'"]').click();
}
要按其值选择特定收音机,请单击

功能设置RadioButton(名称、选项){
$('input[name=“”+name+”][value=“”+option+””])。单击();
}

月刊

每季的
半年一次
每年的


无需通过所有收音机输入进行循环。您可以使用:

function setRadioButton(name, option){
   $('input[name="' + name + '"][value="'+option+'"]').click();
}
要按其值选择特定收音机,请单击

功能设置RadioButton(名称、选项){
$('input[name=“”+name+”][value=“”+option+””])。单击();
}

月刊

每季的
半年一次
每年的


在DOM内部直接单击每个
输入
上的
侦听器,而不是硬编码。我建议您使用
事件侦听器
。请注意,
jQuery
不是必需的

let checks=document.querySelectorAll('input[type=“radio”]”);
设btns=document.querySelectorAll('input[type=“button”]”);
Array.from(btns).forEach(v=>v.addEventListener('click',()=>{
让option=v.getAttribute('data-attr');
Array.from(checks).find(c=>c.value==option).checked=true;
}));
每月

每季的
半年一次
每年的


在DOM内部直接单击每个
输入
上的
侦听器,而不是硬编码。我建议您使用
事件侦听器
。请注意,
jQuery
不是必需的

let checks=document.querySelectorAll('input[type=“radio”]”);
设btns=document.querySelectorAll('input[type=“button”]”);
Array.from(btns).forEach(v=>v.addEventListener('click',()=>{
让option=v.getAttribute('data-attr');
Array.from(checks).find(c=>c.value==option).checked=true;
}));
每月

每季的
半年一次
每年的


您可以从
$(':radio')
开始保存一些缩写为
$('input[type=“radio”]”)的字符。
-请参阅。您可以从
$(':radio')
开始保存一些缩写为
$('input[type=“radio”]”)的字符。
-请参阅。上面的示例使用了
$('input[name=“period”][value=“”+option+”])
这是按
name=“period”筛选的
。当您在不同的按钮上多次单击时,您的函数似乎工作得不太好。您是否可以将参数
radioName
添加到函数中?谢谢,完美的解决方案,因为现在当我调用该函数时,它还会触发任何事件处理程序
onclick
。谢谢上面的示例正在使用<代码>$('input[name=“period”][value=“”+option+'“]]”)
name=“period”进行筛选
。当您在不同的按钮上单击几次时,您的函数似乎运行得不太理想。您是否也可以将参数
radioName
添加到函数中?谢谢,完美的解决方案,因为现在当我调用该函数时,它还会触发任何事件处理程序
onclick
。谢谢!但是您能重新编写吗te作为一个带有
name
option
参数的函数,就像在OP中一样?谢谢!但是你能像在OP中一样,作为带有
name
option
参数的函数来写吗?