无法使用Javascript/Jquery动态检查单选按钮
我需要一个人帮忙。我需要使用Javascript/Jquery动态检查单选按钮。我在下面解释我的代码无法使用Javascript/Jquery动态检查单选按钮,javascript,jquery,html,Javascript,Jquery,Html,我需要一个人帮忙。我需要使用Javascript/Jquery动态检查单选按钮。我在下面解释我的代码 <div style="float:left; margin-right:10px;"> <input type="radio" name="answer_type0" id="answer_type0" onclick="selectScale(this.value,'0');" value="5736db13ed8cda709ffc8918">Scale &l
<div style="float:left; margin-right:10px;">
<input type="radio" name="answer_type0" id="answer_type0" onclick="selectScale(this.value,'0');" value="5736db13ed8cda709ffc8918">Scale
<input type="radio" name="answer_type0" id="answer_type0" onclick="selectScale(this.value,'0');" value="5736daffed8cda709ffc8917">Yes/No
<input type="radio" name="answer_type0" id="answer_type0" onclick="selectScale(this.value,'0');" value="5736db29ed8cda709ffc8919">Written
</div>
<span>
<button type="button" id="btn" name="btn" onclick="setRadioButtonValue()">Set</button>
</span>
我的更新代码可以在这里找到
在这里,我需要根据给定值(
i.e-var valu=“5736daffed8cda709ffc8917”
)进行检查,因此根据代码,应该检查是/否
,但在我的情况下,第一个单选按钮始终处于选中状态。请帮助我解决此问题。同样,我还需要检查每组单选按钮的多组。我的代码在这里。使用属性
选择器并使用:收音机
选择收音机输入
删除重复的id属性
功能设置RadioButtonValue(elem){
var value=“5736daffed8cda709ffc8917”;
$(elem).closest('div').find(':radio[value=“'+value+'”]).prop('checked',true);
}
规模
是/否
书面的
设置
规模
是/否
书面的
设置
规模
是/否
书面的
设置
在循环完成的情况下,i始终设置为2。如果您想使用for循环执行此操作,请参见此步骤,或者可以尝试在divs中添加一个类的简单方法
var valu = ['5736daffed8cda709ffc8917', '5736db13ed8cda709ffc8918', '5736db29ed8cda709ffc8919']
function setRadioButtonValue() {
var i = 0;
$('.qclass').each(function() {
console.log($(this).find('input[value="' + valu[i] + '"]').is(':checked'));
$(this).find('input[value="' + valu[i] + '"]').prop('checked', true);
i++;
})
}
在我的例子中,为包含收音机的div添加一个类qclass
var valu=['5736daffed8cda709ffc8917','5736db13ed8cda709ffc8918','5736db29ed8cda709ffc8919']
函数setRadioButtonValue(){
var i=0;
$('.qclass')。每个(函数(){
$(this.find('input[value=“”+valu[i]+''“]]).prop('checked',true);
console.log($(this.find('input[value=“”+valu[i]+'”).is(':checked'));
i++;
})
}
规模
是/否
书面的
A.
B
C
男性
女性
男+女
设置
为什么提供相同id的“答案类型0”对于多个单选按钮?@MayankPandey:因为我从它们那里得到了一个值。函数selectScale
在哪里?它是一个在检查时会涉及的函数。@Rayon:如果我在这里不考虑任何id/名称,那么在多组单选按钮的情况下,可以做什么。使用类,而不是id
多个name
属性可以有相同的值…让我再次解释一下,假设name=answer\u type0'有3组单选按钮,同样地,
name=answer\u type1'还有3组单选按钮,我需要根据不同的值检查每一组。请检查我的代码。这里我需要使用循环。你能解决它吗?让我来实现它。它正在工作,但我能检查每个设置单选按钮在每次迭代中是否都被选中。e.g-console.log(document.getElementsByName(“answer\u type”+i).checked)
像这样打印。@subhra是的,你可以再次看到答案。console.log($(this.find('input[value=“”+valu[i]+'”).is(':checked'));这里显示为假,我想是因为在前面加了对吧?是的。属性更改后重试将显示true。
var valu = ['5736daffed8cda709ffc8917', '5736db13ed8cda709ffc8918', '5736db29ed8cda709ffc8919']
function setRadioButtonValue() {
var i = 0;
$('.qclass').each(function() {
console.log($(this).find('input[value="' + valu[i] + '"]').is(':checked'));
$(this).find('input[value="' + valu[i] + '"]').prop('checked', true);
i++;
})
}