如何使用javascript取消选中数组中的单选按钮

Question

如何取消选中输入框中的单选按钮。我一直在尝试使用 javascript 取消选中此单选按钮，但当它在数组中时我似乎无法做到这一点

这是我想用 javascript 取消检查的代码

<?php
    for($i = 0; $i < 3; $i ++){
        $num = rand(0,2);
        for($j = 0; $j < 3; $j++){
            if($num){
                $check = 'checked';
            }else
                $check='';
            echo '<input name="acc['.$i.']" type="radio" '.$check.'>';
        }
        echo '<br/>';

    }
?>

我已尝试使用此 javascript，但我不知道如何指向实际的单选按钮以取消选中

$(':radio').mousedown(function(e){
    var $self = $(this);
    if( $self.is(':checked') ){
        var uncheck = function(){
            setTimeout(function(){
                $self.removeAttr('checked');
            },0);
        };
        var unbind = function(){
            $self.unbind('mouseup',up);
        };
        var up = function(){
            uncheck();
            unbind();
        };
        $self.bind('mouseup',up);
        $self.one('mouseout', unbind);
    }
});

Answer 1

所以你有一些行，每行有 3 个收音机。

• 一个收音机可以切换
• 如果用户在一行中选择了一个单选，其他行中的所有单选都应变为“未选中”：

var $radios = $(":radio");

$radios.on("mouseup", function(e) {

  var name  = $(this).prop("name");

  // Make togglable
  if(this.checked){
    setTimeout($.proxy(function() {
      this.checked = false;
    }, this),0);
  }
  
  // Unselect radios of other rows
  $radios.not( $("[name='"+ name +"']") ).prop("checked", false);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<br>A
<input type="radio" name="acc[0]">
<input type="radio" name="acc[0]">
<input type="radio" name="acc[0]">

<br>B
<input type="radio" name="acc[1]">
<input type="radio" name="acc[1]">
<input type="radio" name="acc[1]">

<br>C
<input type="radio" name="acc[2]">
<input type="radio" name="acc[2]">
<input type="radio" name="acc[2]">

（请注意，您的 PHP 当前将 checked 全部三个收音机放在一行中！使用 Inspect Element 来查看该问题。您应该解决此问题；但我不知道您为什么使用随机 0、1、2...无论如何，所以我无法在这里为您提供帮助）