通过jQuery只选择一个对象，并将其与表单一起提交

select only one object via jQuery and submit it with a form

本文关键字：表单 一起 提交 jQuery 选择 一个对象 通过      更新时间：2023-09-26

>我正在构建一个小的测验应用程序，选择都是列表项（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混乱。

方法 1

<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>中清除所有样式，以便您可以在此处应用背景、颜色、边框或任何您喜欢的内容。

方法 2

<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/（有一些额外的修改）

相关文章：