我想在我的网页上有 3 个单选按钮。如果我单击一个按钮,它就会打开,而组中的其他 2 个按钮则会关闭。到目前为止还算正常。但是,如果我单击当前的“打开”按钮,我希望它切换为“关闭”。 IE。能够关闭组中的所有按钮。
我查看了 jQuery UI 按钮,但我不知道如何实现它。这可能吗?或者有其他一些 JavaScript 库提供此功能吗?
普通 jQuery 单选按钮的代码示例...
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#radio").buttonset();
});
</script>
</head>
<body style="font-size:62.5%;">
<div id="radio">
<input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
<input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
</div>
</body>
</html>
最佳答案
正如您所知,您想要的不是单选按钮的工作原理。颠覆任何 UI 元素的通常行为通常不是一个好主意。但是,您可以有一个标记为“清除所有”的按钮,并带有一个 onclick 处理程序,该处理程序将清除所有单选按钮。我认为这是一个好主意:在我看来,必须选择第二个单选按钮来清除第一个单选按钮的选中状态总是很痛苦。当然,您不需要 jquery 来执行此操作。
不过,重复一下:我不会将其中一个单选按钮数组分配给您所描述的其他单选按钮数组。
关于javascript - 您可以在其中全部关闭的网络单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8028223/