Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript for循环仅在第一次更改_Javascript_Jquery_Loops - Fatal编程技术网

Javascript 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

我试图让我的for循环改变所有的选择,但由于某种原因,它们匹配起来,只有第一个有效

<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>