gpt4 book ai didi

javascript - jQuery-将文本添加到每个 radio 输入的同一行

转载 作者:行者123 更新时间:2023-11-29 16:15:30 26 4
gpt4 key购买 nike

因此,我正在尝试进行动态测验,并且正在努力将文本添加到我的 radio 输入中。我使用 for 循环进行多个 radio 输入。我希望文本与每个单选按钮位于同一行,但我无法做到这一点。

当我使用 append() 时,它会创建一个新行然后添加文本。

for (j = 0; j < 5; j++) {
$('#target').append('<input type="radio" name="radioName"/>')
$('#target').append('<p>My text here</p>');

当我使用 label for html 属性时,它会在所有 radio 的末尾添加文本。

for (j = 0; j < 5; j++) {
$('#target').append('<input type="radio" name="radioName"/>').after("<label for='radio'>text here</label>");

这是我的 jsFiddle 示例:http://jsfiddle.net/tCkuF/2/

理想情况下,我想添加一个变量,将对象表示为文本,以便它在进行测验时自动更改。

最佳答案

在这种情况下建议使用列表元素

<div id="container">
<div id="question"></div>
<div id="target">
<ul id="options">

</ul>
</div>
</div>

同时给出样式

#options{
list-style:none;
list-style-type:none;
}

然后添加li 元素。为使用 for 属性提供适当的 id

var $li = $("<li>").appendTo("#options");
$li.append('<input id="option' + (j+1) + '" type="radio" name="question' + i + '" value="' + allQuestions[i].correctAnswer + '"/>');
$li.append("<label for='option" + (j+1) + "'>test: label for adds all to the end </label>");

演示:http://jsfiddle.net/tCkuF/6/

关于javascript - jQuery-将文本添加到每个 radio 输入的同一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16806323/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com