当不包含在同一表单元素中时,使单选按钮互斥？
当单选按钮不在同一表单元素中时，可以使用JavaScript来实现它们之间的互斥。以下是一个简单的示例，展示了如何使用JavaScript实现两个单选按钮互斥的效果：
<!DOCTYPE html>
<html>
<head><script>
function radioMutex() {
var radio1 = document.getElementById("radio1");
var radio2 = document.getElementById("radio2");
if (radio1.checked) {
radio2.checked = false;
} else if (radio2.checked) {
radio1.checked = false;
}
}
</script>
</head>
<body>
<form>
<input type="radio" id="radio1" name="radio" onclick="radioMutex()">
<label for="radio1">选项 1</label><br>
</form>
<form>
<input type="radio" id="radio2" name="radio" onclick="radioMutex()">
<label for="radio2">选项 2</label><br>
</form>
</body>
</html>在这个示例中，我们创建了两个单选按钮，它们分别位于不同的表单元素中。当用户点击其中一个单选按钮时，radioMutex函数会被触发，确保同一时间只有一个单选按钮被选中。
这个方法可以根据需要轻松地扩展到更多的单选按钮，只需为每个单选按钮添加相应的onclick事件处理程序即可。
相关·内容
1回答
我有一个带有按钮的表单，可以动态添加同一表单的一组输入。我不能在每次添加字段时都将相同名称的radio输入类型的参数传递给servlet。或者，是否有其他方法可以将值从单选按钮传递到servlet？newTextBoxDiv3.appendTo("#TextBoxesGroup");
})；
浏览 0提问于2014-07-08得票数 0
1回答
我试图使用javascript从表单元素中提取选中单选按钮的值。表单中的单选按钮数不固定，因为页面重新加载时会动态检索该按钮。问题:当表单中有多个单选按钮时，我可以使用循环获取选中的收音机的值：{
if (d
浏览 3提问于2012-07-16得票数 0
是否可以使用jQuery禁用div元素。我有一个点击事件在它里面有一个单选按钮。这里有一个更大的可点击区域。因此，用户可以单击单选按钮或div元素本身。
我有很多这类元素。当页面刷新时，我只希望用户一次单击一个按钮。在这种情况下，用户可以单击其他按钮，混淆脚本，不返回任何内容，或者在重新加载页面时使页面变为空白。这就是为什么我需要禁用div<em
浏览 6提问于2013-11-06得票数 3
回答已采纳
我认为这是我在web表单中做过的最令人沮丧的事情。然而，有人会认为这将是世界上最容易做的事情。这就是：好的，我试过在同一页上使用2个asp.net单选按钮列表控件。uniqueID，因此当呈现按钮时，错误会分配唯一的ID作为名称属性。但是当我把我的新的自定义
浏览 2提问于2009-03-25得票数 0
回答已采纳
在发布的表单上创建和处理一组相关控件的正确方式是什么？在处理表单时，我们得到逗号分隔的字符串中的所有值：
public OrderController如果我丢弃了标准的帮助器并创建了自己的帮助器，如果我真的不需要&
浏览 1提问于2009-07-10得票数 0
我正在尝试理解RadioButton中的IsChecked属性是如何工作的，因为我正在构建一个具有类似行为的自定义控件。我需要的信息是，当其他RadioButton被选中时，IsChecked如何自动将false转换为RadioButton。IsChecked="True" /></StackPanel>
如果我用"Info 2"点击RadioBu
浏览 0提问于2013-06-03得票数 1
$('#latitude').val(latitude); }
纬度和经度都是表单中的隐藏元素这两个元素都有值，我可以使用inspect元素看到这些值。但是值不会在ajax post表单数据序列化中显示。
浏览 0提问于2015-06-15得票数 0
我试图使用jquery序列化asp.net(aspx)页面中的表单元素，但只能获得两个参数__VIEWSTATE和__VIEWSTATEGENERATOR。无法获得输入字段和其他窗体控件。
浏览 4提问于2016-09-09得票数 1
回答已采纳
1回答
默认的浏览器行为是这样的:当您使用Tab键浏览表单元素并到达单选按钮组时，焦点将转到该组中的第一个单选按钮上，您需要按空格键将其选中。我需要能够继续使用to键并转到下一个单选按钮，即使是在同一组中。下面的代码不仅会跳转到单选按钮，而且还会选择它，我如何继续在rest单选按钮之间切换，然后切换到
浏览 0提问于2013-03-01得票数 0
回答已采纳
来自PrimeFaces SelectOneButton橱窗：
1)检查div类的CSS，我看不到任何可以使按钮不可点击的主要内容。2)显然，由于它实际上是一个单选按钮，第一个选项是“选中”。现在，当点击一个普通的标准单选按钮时，你不能点击它来“释放它”--一旦它点击了它的点击，其他<
浏览 5提问于2013-11-14得票数 0
回答已采纳
我正在制作一个日历，每天都有一个单选按钮，让你可以选择它。我希望用户只能选择一天。> Mon 18 </form>因此，由于不是所有的单选按钮都包含在一个表单元素中
浏览 2提问于2012-08-06得票数 2
回答已采纳
1回答
我正在使用ajax()方法在后台提交一个表单：这个数据参数是否有限制，还是我应该在这里寻找另一个问题？更新：--我已经以两种不同的方式输出了这个表单来进行控制台：console.log($('#theForm'));
在第二个输出中，我的所有输入都
浏览 2提问于2012-07-24得票数 1
1回答
我在表单中有一个<s:file>标记，它生成一个<input type="file">。当我通过提交表格(例如提交按钮等)提交表格时在行动方法中，一切都很好。在action类中，文件字段定义如下(使用setter和getter)：这是因为现在表单被序列化了，这样就不能在后端正确设置文件字段了吗？
浏览 3提问于2017-05-09得票数 3
回答已采纳
3回答
我有JavaScript，它可以很好地检查文本字段和复选框，但当涉及到单选按钮时，它无法区分其中一个选项是否被选中。 alert("You must agree to our Terms of Services."); }在我的表格中，
浏览 0提问于2012-04-23得票数 0
回答已采纳
3回答
我有一个非常简单的用户控件(visifire图表+数据启动器和一些控制过滤的无线电按钮等)： Width="59" Checked="scale_Change"/></GroupBox>
第一位是在
浏览 2提问于2009-12-08得票数 1
回答已采纳
1回答
我目前正在使用ajax为页面的部分加载代码点火器中的页面。
但是，当我在其中一个加载的表单上按submit时，我无法从其中得到响应。就像表格从来没发过一样。当按下加载的表单数据上的submit按钮时，如何使其被同一个url处理，然后加载到视图的新响应？我如何使它能够发送提交的名称以及？
浏览 1提问于2015-09-13得票数 1
2回答
我必须用javascript验证表单中的单选元素，但我不能通过名称(getElementByName)来验证，因为原因太长而无法解释。document.forms[0].elements[i]; else {alert("whatever");}但是在表单中有一个元素，它是一个按钮，当按钮不应该是单选元素</
浏览 0提问于2013-08-23得票数 1
当我单击submit时，我已经设置了一个包含4个输入字段(登录、电子邮件、密码、密码)的表单，它验证输入并通过GET发送到process-Regier.php。现在，当我使用数据变量作为ajax数据时，它的工作原理非常好，但是如果我使用$(“表单”).serialize()，它就不再工作了.
浏览 1提问于2013-08-13得票数 1
回答已采纳
我对包含单选按钮的嵌套模型表单有问题，当我有多个模型时，所有的单选按钮都被视为同一组。<% fields_for "order[order_items_attributes][]", order_item do |f| %>
包含在此窗体中的是在for循环中创建的一组单选按钮。radio_button_tag "order[order_items_attri
浏览 1提问于2009-10-16得票数 5
回答已采纳
我是KnockoutJS的新手，我想序列化当前的表单，但是当我console.log序列化的表单时，它是空的。
如何引用当前的表单?
浏览 1提问于2015-09-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
