Javascript 重新排序单选按钮列表
我有下面的单选按钮列表,它是基于一个选择题,列表中的信息将由非技术用户添加,我想知道是否有一种方法,我可以使用,以便列表可以被覆盖,每次加载页面Javascript 重新排序单选按钮列表,javascript,html,Javascript,Html,我有下面的单选按钮列表,它是基于一个选择题,列表中的信息将由非技术用户添加,我想知道是否有一种方法,我可以使用,以便列表可以被覆盖,每次加载页面 <fieldset id="question1"> <div id="scenario"> QUESTION </div> <br/><br/> <div> Please
<fieldset id="question1">
<div id="scenario">
QUESTION
</div>
<br/><br/>
<div>
Please select the correct answer:
</div>
<label>
<input type="radio" name="q1" value="correct"> ANSWER ONE</input>
</label>
<br/>
<label>
<input type="radio" name="q1" value="wrong"> ANSWER TWO</input>
</label>
<br/>
<label>
<input type="radio" name="q1" value="wrong"> ANSWER THREE</input>
</label>
<br/>
<br/>
<div id="result"></div>
<br/><br/>
<button type="button" id="answer" class="check" onclick="mark();" >Submit</button>
</fieldset>
问题
请选择正确答案:
答案一
答案二
回答三
提交
如果答案在数组中,则可以使用此方法
function Shuffle(o) {
for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
return o;
};
那么你可以这样打电话
var testArray = [1,2,3,4,5];
Shuffle(testArray);
有关更多详细信息,您可以查看此如果答案在数组中,您可以使用此方法
function Shuffle(o) {
for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
return o;
};
那么你可以这样打电话
var testArray = [1,2,3,4,5];
Shuffle(testArray);
有关更多详细信息,您可以访问此网站,您需要做的是:
div
元素中,类似于
元素,而不是指定样式标签{display:block;}
您需要做的是:
div
元素中,类似于
元素,而不是指定样式标签{display:block;}
<div class="list">
<label>
<input type="radio" name="q1" value="correct"> ANSWER ONE </input>
<br />
</label>
<label> <input type="radio" name="q1" value="wrong"> ANSWER TWO </input>
<br />
</label>
<label>
<input type="radio" name="q1" value="wrong"> ANSWER THREE </input>
<br/>
</label>
</div>
调用shuffle.js文件在脚本标记中添加以下代码行以进行shuffle
<script>
$(document).ready(function(){
$( '.list label' ).shuffle();
});
</script>
$(文档).ready(函数(){
$('.list label').shuffle();
});
试试这个
<div class="list">
<label>
<input type="radio" name="q1" value="correct"> ANSWER ONE </input>
<br />
</label>
<label> <input type="radio" name="q1" value="wrong"> ANSWER TWO </input>
<br />
</label>
<label>
<input type="radio" name="q1" value="wrong"> ANSWER THREE </input>
<br/>
</label>
</div>
调用shuffle.js文件在脚本标记中添加以下代码行以进行shuffle
<script>
$(document).ready(function(){
$( '.list label' ).shuffle();
});
</script>
$(文档).ready(函数(){
$('.list label').shuffle();
});
如果这不是平面HTML,我建议在构建DOM时在服务器端执行(通过洗牌数据集),而不是修改现有DOM。在标准JavaScript中,这需要从DOM中删除项并重新添加它们。如果这不是平面HTML,我建议在构建DOM时在服务器端执行此操作(通过洗牌数据集),而不是修改现有DOM。在标准JavaScript中,这需要从DOM中删除项并重新添加它们。我所要做的就是以随机顺序显示多个答案否问题这只是一个命名问题:)立即修复。我已经尝试过了,但仍然不起作用,我使用的页面是a.htm,这就是为什么它会导致我对代码进行了一些修改,而且,确保你的页面中包含了jQuery
库。我所要做的就是以随机顺序显示多个答案没有问题这只是一个命名问题:)现在就解决它。我尝试过这个,但它仍然不起作用,我使用的页面是a.htm,这就是为什么它会导致我稍微修改我的代码,另外,确保页面中包含jQuery
库。