html中的checkbox不显示值,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.

jquery-1&period;10&period;2 获取checkbox的checked属性总是undefined

项目中用的jquery-1.10.2 需要检测一个checkbox的选中状态,想当然的用 .attr("checked") ,结果发现,无论是否选中,这个值都是 undefined ...

Input类型是checkbox时checked属性获取

记录一下checkbox 的 checked 属性的获取办法,以备忘记: 假如你的一个HTML页中有这么一段代码:

点击tr实现选择checkbox功能，点击checkobx的时候阻止冒泡事件， jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态

给tr添加点击事件,使用find方法查找tr下的所有层级的元素,children只查找下一层级的元素,所以使用find.find的返回值为jquery对象,在这个项目中不知道为什么使用jquery给c ...

jQuery 操作复选框&lpar;checkbox&rpar; attr checked不起作用

参考资料 http://www.paobuke.com/develop/javascript/pbk849.html   这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 ...

对checkbox 的checked的一些总结

在做一个jquery树形结构的复选框选择的效果. 遇到的问题: 1.jquery复选框判断是否被选中 $(check).attr("checked"),可能提示为undefied: ...

Jquery 获取checkbox的checked问题

这个郁闷了,今天写这个功能的时候发现了问题,上网找了好多资料对照,更加纠结... 事实证明一切,自己测试了N遍,发现网上的说法和自己以前的理解都是错的,不知道大家有没发现. 下面来看看网上大多资料的说 ...

jQuery——操作复选框&lpar;checkbox&rpar; attr checked不起作用

这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 attr(‘checked’,'checked’);与attr(‘checked’,true); 都不好使,要么第一次成 ...

Jquery 获取checkbox的checked问题以及解决方案

转载自:http://www.cnblogs.com/-run/archive/2011/11/16/2251250.html 这个郁闷了,今天写这个功能的时候发现了问题,上网找了好多资料对照,更加纠 ...

jquery 获取 checkbox 的 checked 状态问题

这个郁闷了,今天写这个功能的时候发现了问题,上网找了好多资料对照,更加纠结... 事实证明一切,自己测试了N遍,发现网上的说法和自己以前的理解都是错的,不知道大家有没发现. 下面来看看网上大多资料的说 ...

随机推荐

&lbrack;转载&rsqb;Java数组扩容算法及Java对它的应用

原文链接:http://www.cnblogs.com/gw811/archive/2012/10/07/2714252.html Java数组扩容的原理 1)Java数组对象的大小是固定不变的,数组 ...

Hibernate的持久化类状态

Hibernate的持久化类状态 持久化类:就是一个实体类 与 数据库表建立了映射. Hibernate为了方便管理持久化类,将持久化类分成了三种状态. 瞬时态 transient (临时态):持久化 ...

bbs网站 models

bbs网站 models #!/usr/bin/env python #_*_coding:utf-8_*_ from django.db import models from django.cont ...

IntelliJIDEA 14创建Maven管理的Java Web项目

1.新建项目,选择Maven,点击Next继续. 接着输入项目名 接着直接点击Finish即可 下图就是创建完毕后的Maven项目,双击pom.xml查看POM文件内容,可以自行添加Maven的依赖. ...

sql2008&plus;vs2008安装心得以及详细教程分享

第一步,我把原来装的vs2005+sql2005全部卸载了 第二步,下载VS2008同时下载sql2008: 第三步,开始安装VS2008专业版,网上有很多给出了微软的地址,在这里我也贴一个吧 htt ...

git使用小结

本篇文章主要介绍自己在平时工作中使用git的一些常用命令,之前都是记录在本子上面,现在把他们记录在博客上,便于保存和回顾. 1. 建立自己的git仓库 1.1 在一个新建的repo文件夹里面,执行gi ...

Python设计模式——模版方法模式

1.模版方法模式 做题的列子: 需求:有两个学生,要回答问题,写出自己的答案 #encoding=utf-8 __author__ = 'kevinlu1010@qq.com' class Stude ...

SOA体系结构基础培训教程

SOA体系结构基础培训教程-规范标准篇 引子:本文是第3章课件,版权所有,转载请注明出处. 随着SOA在业界的应用日益广泛,S ...

intent&period;putExtra&lpar;&rpar;方法参数详解

[开篇骂几句:fuck]1.扯淡intent.putExtra()怎么使用?2.胡说intent.putExtra(); [扯淡:其实你在问它怎么用的时候,你要明白,你知道不知道这是个什么东东,有必要 ...

springMVC源码分析--&commat;SessionAttribute用法及原理解析SessionAttributesHandler和SessionAttributeStore

@SessionAttribute作用于处理器类上,用于在多个请求之间传递参数,类似于Session的Attribute,但不完全一样,一般来说@SessionAttribute设置的参数只用于暂时的 ...