使用javascript在页面加载时取消选中所有复选框
Uncheck all checkbox on pageload using javascript
我正在使用以下代码,但它不起作用。如果有什么建议请告诉我。我希望在加载页面时取消选中所有复选框。我有以下代码,但它不起作用:
window.onload = function abc() {
document.getElementsByTagName('input')[0].focus();
}
<tr>
<td>
<input type="checkbox" ID="cb1" value="29500" onclick="if(this.checked){ cbcheck(this) } else { cbuncheck(this)}" /> Laptop
</td>
<td>
<a href="#" id="a1" onmouseover="showimage('a1','laptop1');" >Show Image</a>
<img src="Images/laptop.jpg" id="laptop1" alt="" style="display:none; width:150px; height:150px;" onmouseout="hideimage('a1','laptop1');" class="right"/>
</td>
</tr>
<tr>
<td>
<input type="checkbox" ID="cb2" value="10500" onclick="if(this.checked){ cbcheck(this) } else { cbuncheck(this)}" /> Mobile
</td>
<td>
<a href="#" id="a2" onmouseover="showimage('a2','mobile1');" >Show Image</a>
<img src="Images/mobile.jpg" id="mobile1" alt="" style="display:none; width:150px; height:150px;" onmouseout="hideimage('a2','mobile1');" />
</td>
</tr>
在页面加载事件上调用此函数
function UncheckAll(){
var w = document.getElementsByTagName('input');
for(var i = 0; i < w.length; i++){
if(w[i].type=='checkbox'){
w[i].checked = false;
}
}
}
您应该尝试
window.onload = function(){
var checkboxes = document.getElementsByTagName("INPUT");
for(var x=0; x<checkboxes.length; x++)
{
if(checkboxes[x].type == "checkbox")
{
checkboxes[x].checked = false;
}
}
}
如果你能使用jQuery,你可以试试
$(function(){
$('input[type=checkbox]').prop("checked", false);
});
我没有看到您的代码试图取消选中这些框。你只是想把注意力集中在一个元素上。
window.onload = function abc() {
document.getElementsByTagName('input')[0].focus();
var a = document.getElementById('form_name').getElementsByTagName('input');
for (var i=0;i<a.length;i++) {
if (a[i].type == 'checkbox') a[i].checked = false;
}
}
我还建议您尝试JQuery。上面的代码在JQuery:中是这样的
$(document).ready(function(){
$('#formID input[type=checkbox]').attr('checked',false);
});
展示新技术的新答案。香草JS现在在2015:
var list = document.querySelectorAll('input[type=checkbox]');
for (var item of list) {
item.checked = false;
}
紧凑型单线变体:
for(var i of document.querySelectorAll('[type=checkbox]')) { i.checked = false; }
这是直接从NodeList MDN文档示例中得出的。querySelectorAll提供的列表是一个NodeList
,for...of
循环是一个用于迭代属性值的新语句,是2015 ECMAScript的一部分;6标准--请参阅此处了解浏览器兼容性。
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 使用Jquery选择或取消选择ListView中的所有复选框
- 使用jquery选中/取消选中单个复选框
- 使用javascript在页面加载时取消选中所有复选框
- (取消)使用单独的复选框激活复选框列表
- jQuery-取消选中复选框
- 单击或取消选中复选框时,如何创建弹出的自定义窗口
- Javascript选中/取消选中所有复选框并将值写入文本区域
- dojo/cbtree取消选中所有复选框并选中选中复选框
- 通过选中和取消选中复选框来添加和删除数组中的值
- 当与之关联的 ng-model 为 false 时,Angularjs 复选框值不会取消选中
- 如何通过jQuery选中所有复选框并在单击一个复选框时取消选择
- 使用Javascript根据组中的值选中或取消选中复选框
- 选中和取消选中 JavaScript 中的复选框
- 可以't取消选中该复选框(取消选中复选框时隐藏内容)
- 在复选框取消选中事件中从HTML下拉列表中删除项目
- 如何使用复选框取消选中来清除单选按钮
- 复选框取消单击事件Javascript
- 选中复选框(取消)时显示另一个文本
- Javascript复选框取消选中其他复选框,反之亦然