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+
取消选中aradiobutton
我找到了这样做的方法,但是当单选按钮在表单中时,代码无法工作这是我的脚本,用于取消选中一个选中的单选按钮
<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()来包装整个脚本。