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

时间:2016-08-27 17:10:20

标签: javascript php jquery html

如何取消选中输入框中的单选按钮。我一直试图用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);
    }
});

1 个答案:

答案 0 :(得分:1)

所以你有一些行,每行有3个无线电。

  • 可以切换一个收音机
  • 如果用户选择一行中的收音机,则其他行中的所有收音机都应“取消选中”:

<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]">
checked

(请注意,您的PHP目前在一行中使用</tag>所有三个无线电!使用Inspect Element查看该问题。您应该解决此问题;但我不知道为什么使用随机0,1,2。 ..反正所以我在这里无法帮助你。)