可以选择一个没有名称属性的收音机

It's possibile select one radio without name attribute?

本文关键字：有名称 属性 收音机 一个 选择      更新时间：2023-09-26

我需要使用属性名称，以便我可以对单选按钮使用"name"属性。我知道具有排他性选择的单选按钮的代码是：

<input type="checkbox" name="radio">
<input type="checkbox" name="radio">

任何人都可以帮助我选择另一种方法来渲染没有名称属性的独占选择的收音机？

您可以使用class：-

$('.radio').change(function() {
  $('.radio').not(this).prop('checked', false);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" class="radio">
<input type="radio" class="radio">

甚至只是type：-

var radios = $('[type="radio"]');
radios.change(function() {
  radios.not(this).prop('checked', false);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio">
<input type="radio">

我建议类似于@BG101，但将其包装在一个函数中并允许使用任何jQuery选择器，以便您可以针对多个组。

https://jsfiddle.net/53knnzho/

function bindRadios(selector){
  $(selector).click(function() {
    $(selector).not(this).prop('checked', false);
  });
};
bindRadios("#radio1, #radio2, #radio3");
bindRadios("#radio4, #radio5, #radio6");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='radio' id='radio1' />
<input type='radio' id='radio2' />
<input type='radio' id='radio3' />
<br><br>
<input type='radio' id='radio4' />
<input type='radio' id='radio5' />
<input type='radio' id='radio6' />

相关文章：