单击选中div中最近的单选按钮
基础概念
在前端开发中，div 是一个通用的容器元素，用于对其他 HTML 元素进行分组和布局。单选按钮（radio button）是一种用户界面元素，允许用户在多个选项中选择一个。
相关优势
- 用户友好：单选按钮提供了一种直观的方式来让用户在一组选项中选择一个。
- 易于实现：在 HTML 中实现单选按钮非常简单，只需使用
<input type="radio">标签即可。 - 状态管理：单选按钮的状态可以通过 JavaScript 进行管理，从而实现更复杂的交互逻辑。
类型
单选按钮主要有两种类型：
- 静态单选按钮：直接在 HTML 中定义，用户只能选择其中一个选项。
- 动态单选按钮：通过 JavaScript 动态生成，可以根据用户输入或其他条件动态调整选项。
应用场景
- 表单选择：在用户注册、登录等表单中，常用于选择性别、职业等。
- 配置选项：在软件设置中，用于选择不同的配置选项。
- 数据筛选：在数据展示页面，用于筛选特定条件的数据。
问题描述
单击选中 div 中最近的单选按钮。
原因分析
当用户点击某个元素时，希望选中该元素内部或附近最近的单选按钮。这通常涉及到事件冒泡和 DOM 元素的查找。
解决方案
可以使用 JavaScript 来实现这一功能。以下是一个示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Click to Select Radio Button</title>
</head>
<body>
<div id="container">
<p>Click anywhere in this div to select the nearest radio button.</p>
<input type="radio" name="option" value="1"> Option 1
<input type="radio" name="option" value="2"> Option 2
<input type="radio" name="option" value="3"> Option 3
</div>
<script>
document.getElementById('container').addEventListener('click', function(event) {
const target = event.target;
let nearestRadioButton;
// Traverse up the DOM tree to find the nearest radio button
while (target && target.tagName !== 'INPUT' || target.type !== 'radio') {
target = target.parentNode;
}
if (target && target.tagName === 'INPUT' && target.type === 'radio') {
nearestRadioButton = target;
// Deselect all other radio buttons with the same name
const radios = document.getElementsByName(nearestRadioButton.name);
radios.forEach(radio => {
if (radio !== nearestRadioButton) {
radio.checked = false;
}
});
nearestRadioButton.checked = true;
}
});
</script>
</body>
</html>参考链接
通过上述代码，当用户点击 div 中的任何位置时，JavaScript 会查找最近的单选按钮并将其选中。这样可以提升用户体验，使交互更加直观和便捷。
相关·内容
4回答
我有两个单选按钮和一个复选框的web应用程序。
场景:根据单选按钮值，它应该更改复选框选中的状态。
Html代码
<div class="form-group">
<label>Is Main Meal</label>
<div class="radio">
<label>
<input type="ra
浏览 1提问于2018-05-12得票数 1
我使用一个来显示和隐藏内容。该脚本运行良好，但有一个缺点:滑动div中的单选按钮是不可点击的/不能选中。
如果您单击"Keuzerondjes“或"Selectievakjes”的单选按钮，您将看到一个div滑出，而您刚刚单击的单选按钮将不会被选中。有谁知道怎么解决这个问题吗？
浏览 3提问于2010-04-15得票数 0
回答已采纳
我一直在尝试用jQuery编程地选择单选按钮，我认为这就像更改选中的属性一样简单。
然而，下面的代码似乎并不像Chrome/Firefox中的jQuery 1.9.1所期望的那样。
预期行为：单击包含单选按钮的div，-> ' checked‘属性设置，->呈现，在DOM中选中。
实际行为：单击包含单选按钮-> ' checked‘属性的div，在DOM中为单击的第一个和第二个按钮选中->呈现，随后的按钮不呈现为已选中。
jQuery:
$('div.form-type-radio').on('click', functi
浏览 1提问于2013-04-05得票数 11
回答已采纳
我有一个奇怪的问题，当单选按钮被另一个单击事件触发时，在单选按钮被选中之前，绑定到单选输入上的单击事件的函数就会触发。这么说听起来有点令人困惑，下面我们来看一下代码：
<div class="side">
<input type="radio" id="100" value="100" name="radiogroup" style="display:none;" />
<label for="100">
<i
浏览 0提问于2013-03-07得票数 0
回答已采纳
1回答
我有一组4个单选按钮，当单击它们时，将在我的页面上显示/隐藏div。
在我的表单验证失败时，我将用户返回到选中了上次单击的单选按钮的表单。
我的问题是它没有显示/隐藏div，因为在本例中，单选按钮没有被单击。
我希望能够做的是在页面加载时检测哪个单选按钮被选中，然后激发一个单击事件。(例如，模拟某人单击该单选按钮)，这样它就会显示/隐藏我的div。
我显示hide的代码如下所示
$('#showduo').click(function(){
$('div[id^=div]').hide();
$('#div1').show();
html：
&l
浏览 0提问于2013-04-07得票数 0
回答已采纳
1回答
我有一些关于Bootstrap 3单选按钮组的问题。
当我选择单选按钮时，它并没有将单选按钮标记为选中，它只是将“活动”添加到单选标签中。
因此，当我尝试通过PHP和Codeigniter拉出选中的单选按钮时，特别是没有值。
单选按钮不应该像正常的单选按钮那样工作吗？
下面是单选按钮代码
<div class="form-group">
<label for="Custom Branding">Custom Branding</label><br />
<div class="btn-
浏览 1提问于2016-04-19得票数 0
我已经在这里读到了一些解决方案，但我的问题在那些不起作用的地方有足够的不同。基本上，如果选中了单选按钮，则向父div添加一个css类。如果未选中该单选按钮，请删除css类。听起来很简单？
我有多个单选按钮组，因此换句话说，一次将有多个单选按钮被选中。每个单选按钮组也位于由其他html分隔的页面的不同部分上。
这是我想出来的：
$(document).ready(function () {
$('input').click(function () {
if ($('input:not(:checked)')) {
浏览 0提问于2010-07-31得票数 6
回答已采纳
下面的HTML显示了单选按钮，下面的DIV显示了根据每个单选按钮的单击功能而显示的内容
<ul>
<li id="6"><input type="radio" name="sell" value="sell" id="sell" />Sell</li>
<li id="7"><input type="radio" name="rent" value="rent"
浏览 0提问于2012-05-07得票数 0
回答已采纳
2回答
我需要收集页面加载时选中的单选按钮的值(它们是在页面加载时选中的)，并添加它们，而不仅仅是当用户单击单选按钮时。
下面是javascript：
$(function ()
{
updateDivResult();
$('input:radio').live('click',updateDivResult);
$('#1').click();
})
function updateDivResult(){
if ($("input:radio:checked"))
{
price
浏览 0提问于2010-11-19得票数 0
回答已采纳
请先看一下上面的图表。
此任务的目的是能够使用自定义数据属性显示/隐藏容器，以及单选按钮是否选中/未选中。
这就是我们如何使用它；
<ul class="radio group">
<li><input name="radio-1" type="radio" value="1">Motorbike</li>
<li><input name="radio-1" type="radio" value="2">
浏览 4提问于2016-02-15得票数 0
回答已采纳
2回答
javascript选择单选按钮
、、、、
我有一个php脚本，它输出许多div，在每个div中有一个带有特定值的单选按钮。我希望通过单击div时选择单选按钮来创造更好的用户体验，这在我使用jquery时没有多大问题。问题是，当单击单选按钮本身而不是div时，下面的单击不再具有选择单选按钮的效果。在检查所选的按钮之前，我还尝试删除每个单选按钮上的选中属性，但这不起作用。我就是这样做的：
$(".fontCellDiv").click(function(){
$(this).find("input").attr("checked", true);
});
有什么主意吗？
浏览 8提问于2014-09-26得票数 0
回答已采纳
我有这样的代码：
<div id="info_123" style="display:none;">
<input type="text" name="info">
</div>
<input type="radio" value="123">
<input type="radio" value="456">
<input type="radio" value="789"
浏览 7提问于2014-04-21得票数 1
回答已采纳
我有两个复选框
ABC
XYZ
当检查ABC时，我显示abc内容div，当检查XYZ时，我显示xyz内容div
只有当我单击ABC和XYZ单选按钮时，一切才能正常工作，假设默认情况下，选中ABC单选按钮，abc内容div不仅在单击时显示，我将得到它的内容。
我的要求是，当选中单选按钮时，我应该获得该特定选中单选按钮的隐藏内容，而不是单击。
有人能帮我实现这个目标吗？
<form id='group'>
<div>
<label>
<input type="radio"
浏览 7提问于2015-11-06得票数 5
回答已采纳
4回答
我创建了一组单选按钮，它没有为每个组正确地分配。当我从单选按钮组中单击其中一个按钮时，该按钮无法工作。
Senario 1
<div ng-repeat="m in meals">
<label class="linked-radio"><span class="radio primary"><span></span>
</span>{{ m.name }}
<input type="radio" id="{{ m.id }}
浏览 6提问于2017-05-06得票数 4
回答已采纳
TL;DR:如果所有的单选按钮都是空的，那么如何有一个复选框来显示某个div元素，但是如果您选择了某个单选按钮，那么当您选中它时，它将显示一个不同的div元素。我的代码不起作用，我也不知道为什么。
对不起，这将是一个很长很复杂的问题。我有一个复选框，它显示或隐藏一类div元素("c")，这取决于复选框是否被选中，该复选框一直运行良好。我还在页面的其他地方设置了两个单选按钮，当被选中(如果"c“也被选中)时，每个按钮都显示位于"c”元素中的不同div元素--让我们将这些内部div称为“1”和“2”。这些都很好用。
默认情况下，当选中复选框时，将显示"one
浏览 2提问于2019-01-09得票数 1
回答已采纳
3回答
我正在尝试设置一些单选按钮的样式，以便当您单击div时，它会选中div中的单选按钮。 此时，当您单击列表中的第三个div时，它会选择第一个div的输入。它们都具有与在剃刀foreach循环中写入的ID相同的ID。 下面是生成的HTML <div id="world-container" class="d-flex">
<div class="button-styles image-item">
<input class="city-type-radio" id="CityT
浏览 21提问于2021-02-11得票数 1
回答已采纳
1回答
<script type="text/javascript>
$("input[type=checkbox]").on('change', function() {
var val = this.value;
var dataSplit = val.split("_");
if (this.checked) {
var result = '<div id="div'+dataSplit[0]+'"
浏览 0提问于2012-07-27得票数 0
回答已采纳
3回答
我试着做自定义单选按钮，为此，我必须隐藏原来的输入，并使用图标来代替。
添加和删除类" checked“可以正常工作，但它必须同时更改图标，如果没有选中，则显示交叉，如果选中，则必须进行检查。还有..。我只是不明白它是怎么工作的。试图像我这样做jquery没有多大意义.
另外，因为它们是单选按钮，所以当您单击选中的单选按钮时，它不应该更改，因此需要检查，如果用户单击未选中的单选按钮，选中的单选按钮将停止检查，用户最后单击的按钮将被选中(我想我还没有很好地解释这个问题，它们只需要按照单选按钮的形式运行)。有人能帮我一把吗？
html：
<div class="price
浏览 6提问于2016-08-30得票数 0
回答已采纳
2回答
我正在尝试通过选中单选按钮来更改状态。当我选中它时，它只会在我选中next单选按钮之后更新值。如果我单击第一个单选按钮，它不会改变状态，如果我选中第二个单选按钮，它会用之前选中的单选按钮的值更新状态。有人能帮我解决这个问题吗？ class App extends React.Component {
state = { checked: false, radioValue: '' }
handleChange = (event) => {
const target = event.target;
const value
浏览 19提问于2019-04-24得票数 0
回答已采纳
我在标题上的问题可能没有意义，但我想要做的是：
当我单击Text1的单选按钮时，subtext1的单选按钮就会出现。然后，当单击text2的单选按钮时，subtext2的单选按钮将出现，同时隐藏subtext1的单选按钮，并取消选中subtext1的单选按钮。这里的元素id是从后端按顺序创建的。
<form name="myForm">
text1: <input type="radio" id="r1" name="myRadio" value="1" onchange="ac
浏览 1提问于2015-08-01得票数 0
我在想要输出单选按钮的地方有这个函数。如果isDefault为true，则默认情况下应选中该单选按钮。但它不能正常工作，因为当我单击一个默认未选中的单选按钮时，它不会被选中，或者切换回isDefault-按钮。我猜这是由于重新渲染以及在重新渲染时默认的单选按钮get被重新选中所致。有没有办法防止这种行为？提前谢谢。
const renderUpgrades=(item)=>{
return item.optionModules.map((optionModule,index)=> {
console.log(optionModule.
浏览 0提问于2021-03-10得票数 0
我有一个由单选按钮组成的表格：
表单的第一部分包含两个具有相同名称的单选按钮，即select1，这意味着用户可以选择一个或另一个，但不能同时选择两者。
然后，在我的表单的第二部分，我有另外两个单选按钮，它有另一个名字，即select2。
我的单选按钮css设置为无显示，并已包装我的单选按钮在一个跨度，以样式。
表格看起来是这样的：
HTML：
section1
<div class="select_box_outer">
<span class="select_box">
<input type="radio" id
浏览 4提问于2015-02-06得票数 0
回答已采纳
我有一个问题，单选按钮双向绑定使用ng模型和ng-值。我有三个单选按钮，都是在纳秒重复中创建的。它们都是相同的ng模型，$scope.selectedItem，每个按钮的ng值都是ng-重复中的当前项.这看起来挺好的。当我想在控制器中设置选定的项时，就会出现此问题。这里有一个ng单击事件select()，它将selectedItem设置为传入的项。
function MyCtrl($scope) {
$scope.list = [{
id: 1
}, {
id: 2
}, {
id: 3
}];
$sc
浏览 5提问于2014-11-05得票数 1
回答已采纳
1回答
我有这个密码
<input type="radio" name="type" value="premium">
<input type="radio" name="type" value="free">
<div id="paypremium">Premium infos</div>
$('[name="type"]').on('change', function() {
浏览 4提问于2017-11-29得票数 0
回答已采纳
我想从其他单选按钮中删除类，当我使用jQuery(在氧气生成器中使用)单击另一节中的单选按钮时。
jQuery(document).ready(function(){
jQuery("div").click(function(){
jQuery("div.volba-1-1 div, div.volba-1-2 div, div.volba-1-3 div").removeClass("ff_item_selected");
});
});
这对我来说很好，但是如果我点击其他地方，单选按钮仍然被选中，但是类被删除了。有人帮我
浏览 0提问于2021-07-27得票数 0
回答已采纳
如何在单击复选框按钮时创建单选按钮？另外，当复选框未被选中时，如何删除单选按钮？
if($("input[type=checkbox]").is(':checked')==true) {
var val = this.value;
var dataSplit = val.split("_");
var result = '<div id="div'+dataSplit[0]+'"><input type="radio" class="choosen
浏览 1提问于2012-07-26得票数 0
回答已采纳
1回答
我的html表单中有两组单选按钮，显示的隐藏div取决于单选按钮selection.And，如果两个单选按钮都已过时，则只显示。如果单击单选按钮，则使用jquery触发单击。
但是，当我加载页面时，会按预期的方式检查按钮，并且它不会触发单击事件。由于这个原因，用户必须再次检查单选按钮(即使它们被选中)。
我的单选按钮的html代码：
<div class="block">
<input onClick="show_seq_lunid();" type="radio" name="button1" value=&#
浏览 2提问于2013-10-02得票数 1
回答已采纳
2回答
我有下面的HTML。这是一个有三个单选按钮的小窗口。它被实现为一个包含3 li元素的ul。下面的代码单击li内部的div并选择单选按钮：
WebElement v = driver.findElement(By.xpath("/html/body/div[4]/div/div[2]/div/div[1]/div[2]/ul/li[2]/div[1]"));
JavascriptExecutor jsb = (JavascriptExecutor) driver;
jsb.executeScript("arguments[0].click();", v);
如何找
浏览 3提问于2017-11-05得票数 1
回答已采纳
我有许多在循环中动态创建的单选按钮，并添加到更新面板中的div中。在由checked change事件触发的每个回发请求中，我在page_init方法中重新创建了单选按钮。我的问题是我选择的单选按钮没有被选中，并且选中的更改事件不会在第一次单击时触发。但在随后的单击中，它会正常工作，并且会激发选中的changed事件。只有第一次点击不会触发。可能的问题是什么？
简单的动态单选按钮。
RadioButton btn2 = new RadioButton();
btn2.Text = "TEST";
btn2.CheckedChanged += Btn2_CheckedChange
浏览 1提问于2018-11-22得票数 0
1回答
我有一个视图，其中显示了一些单选按钮，每个按钮对应于数据库中的一个帖子。下面还有一个单选按钮来创建一个新的帖子“创建新的帖子”。当页面被访问时，将选中“”单选按钮，因此下面的其他表单字段为空。
当单击与现有post对应的单选按钮时，表单字段将使用该post信息填充。当单击单选按钮"create“时，表单字段变为空，以便用户可以引入信息来创建新的帖子。
如果用户选择单选按钮"create“并填写表单字段，然后单击"Create”，然后他错误地填写了某些字段，例如，使用了不正确的日期格式，则不会清除这些字段，因此用户不需要再次介绍这些字段，“创建新帖子”单选按钮仍然保持选中
浏览 0提问于2018-03-28得票数 0
回答已采纳
我试着做；当点击复选框单选按钮时显示div。我是用jquery实现的，但是当您加载页面时，我的所有div都是可见的。您必须单击我的第一个复选框单选按钮，以使其他div不可见。或者只需单击其他复选框单选按钮。
我试过了
#row2 {
display:none;
}
但是当我将它添加到css中时，如果您单击第一个复选框单选按钮(与div row2相关) div是不可见的，而且它无法工作。
任何其他解决方案，当您打开页面时，我只希望看到选中的div (row2)。当页面加载时，我不想看到其他div。
谢谢..。
演示链接：
Ps:图片和按钮是不可见的jsfiddled，因为资产。最好通过演示链接查
浏览 1提问于2021-01-03得票数 0
回答已采纳
3回答
我有三个单选按钮，我希望我的一个单选按钮在默认情况下选中，表单"a“保持打开，直到用户单击另一个单选按钮。下面的表单将根据单选按钮进行更改；
代码如下：
<label><input type="radio" name="colorCheckbox" value="red" checked> red</label>
<label><input type="radio" name="colorCheckbox" value="green"&g
浏览 2提问于2017-02-27得票数 1
回答已采纳
我对如何在div中添加类有单选按钮有问题。我想要的是当我点击div时，div内的单选按钮将标记选中，单选按钮的div容器也会有红色的背景。
这是我的javascript代码
$( document ).on( 'click', 'div#wrapper-radio', function(event) {
if( $(this).find("input[type='radio']").prop("checked") == false){
if($(this).hasClass('pan
浏览 9提问于2016-10-27得票数 2
回答已采纳
2回答
我有取消选中单选按钮的代码，但问题是，当单选按钮被选中时，它不会在一次单击中发生，我正在从mysql中获取选中的单选按钮的值，因此单选按钮的默认值被选中，当我单击单选按钮时，该值应该在单击时取消选中，但我的代码使其在双击时发生。我如何通过单击来实现它？
var check;
$('input[type="radio"]').hover(function() {
check = $(this).is(':checked');
});
var checkedradio;
function docheck(thisradio) {
浏览 4提问于2021-04-05得票数 0
1回答
我使用的是一个标准的Bootstrap4手风琴，里面有一个单选按钮。下面是我的代码： <div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left" type="button" data-toggle="c
浏览 20提问于2020-12-05得票数 0
1回答
单击jQuery -重置单选按钮
、、、、
jsfiddle
信息
我有三个选择。只点击标签，而不是单选按钮。
当单击不同的标签时，会检查不同的单选按钮。
在控制台中，它写着“点击”当任何时候标签被点击，只是为了确保这种情况发生。
当两次点击同一个标签时，控制台上写着“已检查”，告诉我们已经检查过了。
如果标签已经被选中，它应该从所有的单选按钮中删除选中的按钮，重新设置它，就像从一开始就做的那样。
问题
当第二次单击单选按钮时，不要从所有单选按钮中移除选中的按钮。为什么会这样呢？解决办法？
<div class="panel">
<label for="r
浏览 9提问于2013-09-20得票数 0
回答已采纳
1回答
嘿，伙计们，当我点击带有javascript函数的特定单选按钮时，我在div中创建了input元素。
它工作得很好，但是当我第一次加载表单时，输入元素没有出现在div中，因为单选按钮还没有被“点击”，尽管其中一个单选按钮是默认选中的。
基本上，如果选中了，我希望它们出现，所以在body load上，我必须调用一个函数来检查我想要默认的单选按钮，并且我必须手动显示相应的输入元素，如果我单击了单选按钮就会出现。
这看起来像是我正在努力实现的一项愚蠢的工作，有什么想法吗？
<body onload="startup()">
<input type=
浏览 1提问于2012-09-28得票数 0
回答已采纳
1回答
有3个单选按钮组供用户选择。每当用户选中要显示的单选按钮标签时，分区'#targetOption‘就会得到。下面是我的代码，它能够获得第一个选中的单选按钮。
例如，如果用户单击第一个单选按钮组，#targetOption将显示A。然后，如果用户单击第二个单选按钮组，#targetOption将显示A B。
<div id="options">
<div class="form-group required">
<div class="radio">
&
浏览 16提问于2018-09-05得票数 0
现在，我使用单选按钮以不同的方式呈现2个组件--我将onClick与单选按钮一起使用为[isRepeat,setisRepeat] setState值
<input
required
id="singleClass"
name="classType"
type="radio"
className="inputContainer"
value={1}
OnClick={() => setisRepeat("oneTime")}
浏览 3提问于2022-02-13得票数 0
回答已采纳
4回答
选中的单选按钮显示div
、、、
我把这个标记放在我的网页上，
<div class="radio-spoof">
<input type="radio" name="enquiry" value="General enquiry" class="radio"/>
<div class="checked"></div>
</div>
<label for="general_enquiry">General enquiry</
浏览 0提问于2012-07-09得票数 0
回答已采纳
我正在尝试编写jquery/JS逻辑，根据单选按钮是否被选中来隐藏/显示描述。如果页面加载时选中了该单选按钮，我希望加载与该单选按钮相关联的描述。但默认情况下必须选择/选中其中的一个
我确实尝试过用.change编写代码，并在ready()中单击了方法。但是没有成功
我只有两个单选按钮，我不喜欢Javascript/jquery。任何意见都是值得感谢的。这是一个例子
<div id="ServiceSelection">
<input type="radio" name="Service" checked="
浏览 4提问于2013-03-30得票数 1
正如标题所述，除非实际单击了单选按钮，否则jQuery验证似乎无法识别已选中单选按钮。
这意味着，如果单击另一个元素，而此单击设置要选中的收音机，则验证将不被察觉。
-单击submit，然后单击单选按钮，一切正常，错误消失.然后刷新，点击提交，然后点击“点击我”文本，你会看到收音机被检查，但错误并没有消失。
有办法解决这个问题吗？
下面是代码：
<form>
<div class="click">Click me</div>
<input type="radio" name="options&#
浏览 3提问于2015-05-21得票数 1
回答已采纳
1回答
我试图隐藏和显示克隆的div。下面的代码运行良好，但当我单击克隆的单选按钮组时，单选按钮组(原单选按钮组)未被选中。克隆后，我将所有的单选按钮和DIVs重命名为"_1“、"_2”等。如果有什么建议，请告诉我。这是我的代码。
$(function()
{
$('input:radio').live('click', function () {
var value = $(this).attr('id').substring(10);
if ($(this).val() === &
浏览 1提问于2011-11-23得票数 0
2回答
我在一个页面上有两个复选框，其中一个默认选中。单击任一复选框时，我希望使用jQuery触发自定义事件。但是，问题是我希望在单击事件之前获得选中的值，但我始终将checked作为true。
我的HTML看起来如下：
<div class="clearfix controls">
<label class="radio inline" for="yes">
<input type="radio" name="recycle" value="1" id
浏览 3提问于2013-02-13得票数 0
我有一个非常简单的表格，在那里我有“是”和“没有”单选按钮。每个单选按钮都绑定到作用域中的同一项(我使用的是AngularJS)。在被选中时，Yes按钮的值被设置为true，No按钮的值在被选中时被设置为false。
当我单击“是”按钮一次时，模型和html元素都会发生正确的变化。但是，当我单击No单选按钮时，模型更改正确，但html元素没有被选中。如果我再次单击No单选按钮，则html元素将更改为它正确的选定状态。
下面的例子只是一个更大的html页面和控制器的一部分，但是我保持了角度模型的结构不变，因为这可能就是问题所在。
HTML:
<div ng-app="myApp&#
浏览 0提问于2014-06-10得票数 0
回答已采纳
1回答
在获取浏览器先前呈现的页面上的单选按钮输入字段的当前状态时，我遇到了问题。设想的情况是：
呈现包含输入元素的页面，其中组中的第一个单选按钮具有“选中”属性。
用户选择一个不同的单选按钮(例如第三个选项)，然后导航到另一个页面。
用户单击浏览器“后退”按钮以重新显示页面。
此时，浏览器自动完成将第三个单选按钮设置为显示为选定的单选按钮，但第一个单选按钮仍然具有“选中”属性。这意味着任何试图获取当前选定的单选按钮值的javascript都会返回第一个输入元素的值，而不是第三个输入元素的值(这是视觉上选择的)。
有人知道什么javascript可以用来返回视觉选择的单选按钮，而不
浏览 1提问于2020-08-13得票数 0
回答已采纳
编辑
我想要的是一组单选按钮，其中选择一个单选按钮，选择另一个单选按钮；“单击”(非选中)单选按钮永远不会通过尝试选择它(单击它)而被选中，其默认行为是“单击”收音机获得“选择”。有点像。
但是这个演示并不是我想要的，因为它在选择另一个收音机时有延迟。
这是刻不容缓的，单击单选按钮将使永远不会检查单选按钮。例如，单击第二个单选按钮永远不会选择第二个单选按钮。要选择第二个单选按钮，需要单击第一个单选按钮。
老:我试着用角2做的是，我有3个无线电元件A，B和C，其中2个可以选择，A和B，当第三个，C被选中时，它应该选择B。所以，C永远不会在视觉上被选中，或者瞬间被选中。
我做不到。所以我想重新创
浏览 5提问于2017-03-10得票数 4
回答已采纳
我使用GUIDE创建了GUI，并在一个按钮组面板中放置了单选按钮。这样可以方便地在单击一个单选按钮时取消选中另一个单选按钮。现在让我害怕的是，我实际上可以通过再次单击选中的单选按钮来取消选中它，使两个单选按钮都处于未选中状态。它对它们中的任何一个都有效。我唯一想要的就是标准的行为，是不是要求这么多……？
我用的是Matlab7.0，不幸的是这是我的全部。
浏览 0提问于2011-07-12得票数 0
4回答
单击取消选择单选按钮
、、、
我试图通过单击jquery取消一个单选按钮。
通缉行为:
如果已选中单击单选按钮，则取消选中
如果未选中单击单选按钮，请选中
这是我的小提琴：
我的密码是：
$('.table').on('click mousedown', '.radio', function() {
if($(this).attr('id') == $(this).parents('tr').find('.radio:checked').attr('id'))
$(this
浏览 0提问于2012-07-19得票数 2
回答已采纳
我正在尝试在Angular 2+ as done here in angularjs中实现第二次单击时取消选中单选按钮。我有一个使用*ngFor显示的对象数组，因此我在一个表单中有多个单选按钮组。我需要一个实现，它将只取消选中所说的单选按钮/所有的实现，我已经尝试保持选中和取消选中多个按钮，而其他实现根本不起作用。 This is my current code right now.如何使用typescript实现在第二次单击时取消选中单选按钮？
浏览 53提问于2019-03-05得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
