Question

我觉得这里有点傻问题。我在小提琴外面的桌面上创建了一个.html文件（所以请不要在小提琴中测试它，只需在你的计算机上创建一个.html文件来测试它）。在文件中我只有3个单选按钮和jquery附加。但是，盒子永远不会正常工作，因为检查或点击属性永远不会设置在它们上，并且字面上它们在检查时不会交替。我在这里错过了什么？

<html>
<head>      
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
</head>
<body>
    <input type="radio" name="well" value="well" />1 - Very well<br />
    <input type="radio" name="little" value="little" />2 - A little<br />
    <input type="radio" name="not" value="not" />3 - Not at all<br />
</body>

Answer 1

但是，框永远不会正常工作，因为检查或点击的属性永远不会在它们上面设置

您提供的所有代码都不会设置<input type="radio" name="well" value="well" checked>属性。

你需要实际设置它，设置它：

clicked

注意：浏览器会在刷新页面时记住表单的状态。如果您通过修改HTML然后单击刷新按钮进行测试，则可能看不到任何效果。单击地址栏并按Enter键以避免此问题。

input元素没有name属性。

在检查时它们不会交替

他们有不同的{{1}}属性值。要成为同一个无线电组的一部分，每个单选按钮必须共享相同的名称。

您有三个小组，每个小组都有一个小组。

Answer 2

您的收音机按钮不知道它们是否相关。 name属性应该相同，而每个值都可以更改。

＆＃13;

extract

＆＃13;

Answer 3

为了使它们相互排斥（当你选择一个时，它取消选择其他任何一个）所有的无线电元素都必须具有相同的名称。像这样更改您的代码，它将起作用：

<html>
<head>      
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
</head>
<body>
    <input type="radio" name="radio" value="well" />1 - Very well<br />
    <input type="radio" name="radio" value="little" />2 - A little<br />
    <input type="radio" name="radio" value="not" />3 - Not at all<br />
</body>
</html>

单选框未设置属性选中

3 个答案: