Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何取消选中单选按钮_Javascript_Html_Radio Button - Fatal编程技术网

Javascript 如何取消选中单选按钮

Javascript 如何取消选中单选按钮,javascript,html,radio-button,Javascript,Html,Radio Button,我想取消选中aradiobutton我找到了这样做的方法,但是当单选按钮在表单中时,代码无法工作这是我的脚本,用于取消选中一个选中的单选按钮 <script type="text/javascript"> var allRadios = document.getElementsByName(1); var booRadio; var x = 0; for(x = 0; x < allRadios.length; x+

我想
取消选中
a
radiobutton
我找到了这样做的方法,但是当单选按钮在表单中时,代码无法工作这是我的脚本,用于
取消选中
一个选中的单选按钮

<script type="text/javascript">
       var allRadios = document.getElementsByName(1);
        var booRadio;
        var x = 0;
        for(x = 0; x < allRadios.length; x++){

            allRadios[x].onclick = function() {
               if(booRadio == this){
                   this.checked = false;
                    booRadio = null;
               }else{
                    booRadio = this;
                }
           }
        }
    </script>

    <form name="theForm" target="_blank" action="laravel.php">
    <label for="test">test</label>
    <input type="radio" id="1" class="radio" name="1" value="1">
    <input type="radio" id="2" class="radio" name="1" value="2">
    <input type="radio" id="3" class="radio" name="1" value="3">
    <input type="radio" id="4" class="radio" name="1" value="4">
    </form>

var allRadios=document.getElementsByName(1);
无线电波;
var x=0;
对于(x=0;x

当单选按钮位于表单标记之外时,脚本工作正常,但当单选输入位于表单中时,脚本不工作。我想知道我在这里遗漏了什么。问题是顺序。在html完成之前加载javascript

要解决这个问题,只需将javascript放在文件末尾附近,就在关闭标记之前


如果使用jquery,还可以用
$(document).ready(function(){…}

包装它。问题在于顺序。在html完成之前加载javascript

要解决这个问题,只需将javascript放在文件末尾附近,就在关闭标记之前


如果您使用jquery,还可以用
$(document)包装它。ready(function(){…}

似乎工作正常,可能是您的输入(应该是自动关闭的)
导致问题,可能是您的输入(应该是自动关闭的)<代码> <代码>引起一个问题,我尝试了不同的名字,我试着引用引号,但是没有什么变化,因为PopoVijsJ建议,你应该至少在你的表单之后放置你的脚本。如果你使用jQuery,那么你也可以考虑用一个$(文档)Read()来包装整个脚本。我尝试了不同的名字,我试着引用引号,但是PopoVijsJ建议什么都没有改变,你应该至少在你的表单之后放置你的脚本。如果你使用jQuery,那么你也可以考虑用一个$(文档)Read()来包装整个脚本。