2012-07-11 25 views
1

我无法做一个按钮,将检查所有的箱子(也可能是另一个按钮取消选中它们的所有项的Javascript检查所有按钮是在一个循环

所以,我需要的是:一个功能将检查所有的箱子和代码行投入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>"); 

} 

感谢提前:)

+0

使用jQuery javascript。它在这里解释http://stackoverflow.com/questions/11380555/checkbox-check-all-option – 2012-07-11 06:20:56

+0

你的代码是否会给你一个错误 – shareef 2012-07-11 06:22:04

+0

没有错误,它从HTML链接到.js文件时的工作原理 – Hygeia 2012-07-11 06:23:32

回答

1

你的复选框只能有相同的 “名称” 属性,而不是 “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> 
+0

当我把JavaScript放到我的.js文件中时,数组甚至不再工作...... =/ – Hygeia 2012-07-11 06:42:49

+0

我不明白你的意思,“你的复选框必须只有相同的”名称“属性,而不是”id“在你的html里面写了“... id ='labeltest'name ='item'...” – Hygeia 2012-07-11 06:49:08

+0

,id属性必须是唯一的,不要为所有复选框定义相同的id,只有名字必须是 – micnic 2012-07-11 06:54:33

相关问题