Javascript 最;“美丽”;在Jquery中按名称选择单选按钮的函数
我仍然发现在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(
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
参数的函数来写吗?