html中的checked属性怎么使用,html checkbox的checked属性问题和value属性问题

< html xmlns="http://www.w3.org/1999/xhtml">

< head>

< script type="text/JavaScript">

function onbutton(){

//document.getElementById("checkbox1").checked = false;

alert(document.getElementById("checkbox1").checked);

}

< /script>

< body>

< form method="get">

I have a bike

I have a car

< /body>

< /html>

代码中 i hava a car

只要出现了checked=""，不管等于什么，可以等于checked="checked",甚至checked="false"，其checkbox的属性checked都是true,在alert中输出其checked属性都是true.

如果在上述代码的onbutton()函数中把document.getElementById("checkbox1").checked = false;的注释去掉，则checkbox未被选中，注意这里false不能用引号括起来。

对于value属性，复选框的 value 属性值不会显示在用户界面中。value 属性用于表单数据的提交(只有选中的复选框才会传递数据到服务端，如果什么都没选则不传递复选框数据)。实际中有个例子：要实现一个表示子产品独立标志的复选框，checkbox的value=1，表示选中，0：不选中

本来是这么写的

function changeSub_fund_flag(){

if(document.theform.sub_fund_flag.checked){

document.theform.sub_fund_flag.value = 1;   //theform为checkbox所在的表单

}else{

document.theform.holidays_delay_flag1.value = 0;

}

}

子产品资金独立标志:

type="checkbox"  οnkeydοwn="javascript:nextKeyPress(this)"

name="sub_fund_flag"  class="flatcheckbox"  οnclick="return changeSub_fund_flag()">

点击复选框，根据onclick事件处理，将value值设为1或0.这样提交表单的时候value值会被提交上去。

其实这有点多此一举，因为只要选中的复选框的数据才会提交。修改如下：

子产品资金独立标志:

type="checkbox" value="1"  οnkeydοwn="javascript:nextKeyPress(this)"

name="sub_fund_flag"  class="flatcheckbox">

这样checkbox被选中时，它的value=1也被提交。如果没被选中，则value值不提交，即为null.