【js教程】遍历checkbox提交之后显示打钩

今天想要做个好友发信功能模块，但是不太了解checkbox和js结合的属性和作用，于是就上网找了些例子来分析一下。

<script language="javascript">
function chk()
{
var dd = document.getElementsByTagName("input")
for(i=0;i <dd.length;i++) {
if(dd[i].type== 'checkbox' && dd[i].id != "xx"){
dd[i].checked = document.getElementById("xx").checked;
}
}
}
</script>
<input type="checkbox" name="checkbox1" id="xx" value="checkbox"
onclick="chk()" />
<input type="checkbox" name="checkbox2" value="checkbox" />
<input type="checkbox" name="checkbox3" value="checkbox" />
<input type="checkbox" name="checkbox4" value="checkbox" />
<input type="checkbox" name="checkbox5" value="checkbox" />
<input type="checkbox" name="checkbox" value="checkbox" />
<input type="checkbox" name="checkbox6" value="checkbox" />
这段代码的功能是当选中第一个的时候，全部选框都会自动选中。

但选中其他框的时候，正常checked。

首先解读一下checkbox的属性，checkbox.checked前面是checkbox的对象，后面的是方法，这表示这个框被选中。

而这里的js代码中有getElementById() 也有getElementByTagName()。

第一个方法通常是准确定位id名，直接找到对象。

而第二个的方法则是多用来遍历对象，通过对象采取的标签名来识别。

最后将遍历的对象进行条件筛选用。

这样就可以很容易理解上面那js里面的代码意义了。

<input type="checkbox" name="checkbox1" id="xx" value="checkbox" onclick="chk()" /> // 首先，必须选中第一个框，才会加载js脚本chk()
------------------------------------------------------------------
<script language="javascript">
function chk()
{
var dd = document.getElementsByTagName("input") //通过标签名，找到所有用input的对象；
for(i=0;i <dd.length;i++) {
if(dd[i].type== 'checkbox' && dd[i].id != "xx"){ //判断获取的对象中是checkbox控件的，而且不能是第一个选框"xx"；
dd[i].checked = document.getElementById("xx").checked;//当第一个选框"xx"被选中，对象[i]也被选中。

}
}
}
</script>。