Javascript检查循环中项目的所有按钮
Javascript check all button for items that are in a loop
我在制作一个将选中所有复选框的按钮时遇到了问题(可能还有另一个将全部取消选中的按钮。
所以我需要的是:一个函数,它会检查所有的框和一行代码,放入html中调用该函数。
我的项目不在表单中。
这是我的.js文件(数组)中的代码
var computer = new Array();
{
computer[0] = "10001, Nvidia Geforce GTX 690, $1200"
computer[1] = "10002, Raedon HD 7950, $450"
computer[2] = "20001, Ivy Bridge i7 3770, $400"
computer[3] = "20002, Ivy Bridge i7 3770k, $420"
computer[4] = "20003, Sandy Bridge i7 2700k, $340"
computer[5] = "20004, Bulldozer FX-8150, $270"
computer[6] = "30001, Antec eleven-hundred, $120"
computer[7] = "30002, Coolermaster HAF-X, $170"
computer[8] = "30003, Antec three-hundred, $50"
computer[9] = "30004, Corsair 550D, $160"
computer[10] = "40001, INTEL-ASrock fatal1ty Z77 Professional Motherboard, $250"
computer[11] = "40002, INTEL-ASrock Z77 extreme9 Motherboard, $350"
computer[12] = "40003, AMD-ASrock fatal1ty 990FX Professional Motherboard, $240"
computer[13] = "40004, AMD-ASUS Sabertooth 990FX Motherboard, $260"
}
这是我的HTML中的代码。
<script type="text/javascript">
for(x=0; x<=computer.length-1; x++) {
document.write("<tr id='"+x+"'><td><label><input type='checkbox' id='labeltest' name='item' value='"+x+"'/> "+computer[x].split(",")[0]+"</label></td><td>"+computer[x].split(",")[1]+"</td><td> <input name='qty' id='qty' type='textbox' value='0' onchange='qtychange(document.myform.qty);'/> </td><td>"+computer[x].split(",")[2]+"</td></tr>");
}
提前感谢:)
您的复选框必须只有相同的"name"属性,而不是"id"属性,然后使用此函数:
function check() {
var checkboxes = document.getElementsByName('item');
for (var i = 0, length = checkboxes.length; i < length; i++) {
checkboxes[i].checked = true;
}
}
HTML:
<button onclick="check()">Check them all!</button>
相关文章:
- 使用JavaScript或jQuery检查单选按钮选择是否与数组中的项目匹配
- 更新:仅根据单选按钮和所选选项选择特定项目
- 如何在猫头鹰旋转木马中滑动所有可见项目,而不是使用上一个/下一个按钮
- 单击按钮可更改多个跨度项目
- Codrops页面转换.如何创建单独的按钮,而不是列表项目的效果
- 使用按钮使项目可见
- jQuery Mobile列表视图,将投票按钮添加到行项目中
- Javascript检查循环中项目的所有按钮
- 通过单击按钮将选项卡(项目)添加到选项卡面板,扩展
- 在 SharePoint 2010 上创建“添加新项目”按钮
- 尝试换行按钮和项目
- 如果在选择列表中选择了 4 个以上的项目,如何禁用按钮
- 使用 UI 可排序,在单击按钮时根据给定值将项目移动到新位置
- 当用户点击后退按钮时,如何加载项目
- ExtJS 5 - 从商店动态将项目添加到拆分按钮菜单
- 文件上传按钮在科尔多瓦/Phonegap项目中仍然不起作用
- 单选按钮组显示所选值 jQuery 上的项目
- 按按钮从阵列中删除项目
- 用于将多个下拉列表中的选定项目复制到文本框的按钮
- 下一个和上一个按钮将在OWL旋转木马上滑动2个项目