js 对复选框的操作

来源：互联网发布：手机淘宝注册店铺流程编辑：程序博客网时间：2024/04/29 13:17

研究了一下html的复选框，以下代码可以判断复选框的值，另外最后一个复选框可以接受输入框的值，该通过了firefox2.0和ie6.0测试

<script language="javascript">
    function ccc(){
        if(document.form.aa[document.form.aa.length-1].checked) {
            document.form.aa[document.form.aa.length-1].value=document.form.aa_i.value;
        } else {
            document.form.aa[document.form.aa.length-1].value="";
        }
    for(i=0; i < document.form.aa.length; i++){
        if(document.form.aa[i].checked)
        alert("第"+(i+1)+"个复选框的值："+document.form.aa[i].value);
    }
}
</script>

<table>
    <form action="b.htm" method="post" name="form">
    <tr><td><input type="checkbox" name="aa" value="aaa">aaa</td></tr>
    <tr><td><input type="checkbox" name="aa" value="bbb">bbb</td></tr>
    <tr><td><input type="checkbox" name="aa" value="ccc">ccc</td></tr>
    <tr><td><input type="checkbox" name="aa" value="ddd">ddd</td></tr>
    <tr><td><input type="checkbox" name="aa" value="">
        other<input type="text" name="aa_i" onblur="document.form.aa[document.form.aa.length-1].value=this.value"></td></tr>
    <tr><td><input type="button" value="submit" onclick="ccc();"></td></tr>
    </form>
</table>

ie效果截图	firefox效果截图