我正在构建一个小测验应用程序,所有选项都是列表项 (li)
在 jQuery 或 javascript 中,我如何才能让用户选择一个答案(如果我需要添加一个“a”标签就可以)然后当他们点击提交时(这可以通过 javascript 或 jquery 完成) 值随它一起提交。此外,当用户单击一个选项时;我应该把 jquery 代码放在哪里来操作 css。
示例代码:
<li id="q1" value="1">Option 1</li>
<li id="q2" value="2">Option 2</li>
<li id="q3" value="3">Option 3</li>
提前致谢。如果我听起来有点令人困惑,或者您不明白我想说什么,请发表评论,我会尽力澄清。
最佳答案
也许你应该使用(或至少尝试)一个
<input type="radio">
避免所有那些丑陋的 JavaScript 困惑。
方法一
<label><input type="radio" name="Question" value="1">Option 1</label><br>
<label><input type="radio" name="Question" value="2">Option 2</label><br>
<label><input type="radio" name="Question" value="3">Option 3</label>
使用:
-webkit-appearance: none;
-moz-appearance: none;
清除默认的所有样式<input>
这样您就可以在那里应用背景、颜色、边框或任何您喜欢的内容。
方法二
<li><label><input type="radio" name="Question" value="1">Option 1</label></li>
<li><label><input type="radio" name="Question" value="2">Option 2</label></li>
<li><label><input type="radio" name="Question" value="3">Option 3</label></li>
input[type=radio]{
width:0px;
height:0px;
}
使用此方法,当您单击 <li>
时,单选按钮也会被选中.另外,您可以设计您的 <li>
也是!
现场演示: http://jsfiddle.net/DerekL/CDV7q/ (有一些额外的修改)
关于javascript - 通过 jQuery 仅选择一个对象并使用表单提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10777876/