Javascript for循环仅在第一次更改
我试图让我的for循环改变所有的选择,但由于某种原因,它们匹配起来,只有第一个有效Javascript for循环仅在第一次更改,javascript,jquery,loops,Javascript,Jquery,Loops,我试图让我的for循环改变所有的选择,但由于某种原因,它们匹配起来,只有第一个有效 <form> <div id=q uestion> <ul class="question-list"> <LH id=que>gfh</LH> <li id="choice-0"> <input type="radio" nam
<form>
<div id=q uestion>
<ul class="question-list">
<LH id=que>gfh</LH>
<li id="choice-0">
<input type="radio" name="radio" id="choice" data-price="100" value="product1" checked="checked">
<label for="choice1"><span>question 1</span></label>
</li>
<li "choice-1">
<input type="radio" name="radio" id="choice" data-price="110" value="choice2">
<label for="choice2"><span>question 2 </span></label>
</li>
<li "choice-2">
<input type="radio" name="radio" id="choice" data-price="110" value="product3">
<label for="product3"><span>question 3 </span></label>
</li>
<li "choice-3">
<input type="radio" name="radio" id="choice" data-price="110" value="product3">
<label for="product3"><span>question 4 </span></label>
</li>
</ul>
<input type="button" id="jqtest" value="next" onclick=n extQuestion_onclick>
</div>
</form>
这是一个不起作用的函数
$(document).ready(function() {
var currentChoise;
var changeChoice;
for (currentChoise = 0; currentChoise < allQuestions[0].choices.length; currentChoise++) {
$('#que').text(allQuestions[0].question);
$('#choice-' + currentChoise + ' span').text(allQuestions[0].choices[currentChoise]);
};
});
$(文档).ready(函数(){
无功电流选择;
风险价值选择;
对于(currentChoise=0;currentChoise
这里是js fiddle注意这里有点奇怪:
<li "choice-1">
您没有将id
放在这里:
- 您的输入上有重复的idID总是唯一的。没有讨论这个问题
- 除第一个之外,所有
上都缺少li
属性id=”“
适用于唯一的
属性,而不是输入id=”“
value=”“
<input type="radio" name="product3" id="product3" data-price="110" value="Tony Blair" />
<label for="product3">question 3</label>
问题3
检查更新的。有4个由
id=“choice”
,您的代码查找选项0,选项1。。。等等。id在HTML文档中必须是唯一的。属性的标签也错误。。。还有很多其他问题不!使用id属性而不是名称属性的作品的标签!单击标签时,您的小提琴不起作用。你可以看到。请编辑您的答案。@ebilgin对于过早的编辑表示抱歉。将更新小提琴
<input type="radio" name="product3" id="product3" data-price="110" value="Tony Blair" />
<label for="product3">question 3</label>