js 对复选框的操作

最新推荐文章于 2024-09-11 15:33:18 发布

cfanseal

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量677

点赞数

分类专栏： Javascript 文章标签： firefox javascript button action function html

本文链接：https://blog.csdn.net/cfanseal/article/details/2911229

版权

Javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

研究了一下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" οnblur="document.form.aa[document.form.aa.length-1].value=this.value"></td></tr>
    <tr><td><input type="button" value="submit" οnclick="ccc();"></td></tr>
    </form>
</table>