关于jQuery表单选择中prop和attr的区别。
2024-10-11 04:39:55
今天用jQuery学习表单这一章节的内容,再次遇到表单全选时,不能进行第二次全选的情况。反复查看测试仍然找不到是什么原因。后来在网上查到原来是jQuery1.6以后的版本用到的是prop。用attr的话不会多次实现,因为attr不会记录当前checkbox的选中状态。
表单这一章节内容让我感觉到有点吃力,总之好好努力吧!
以下是代码说明:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>复选框</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js" ></script>
<script type="text/javascript">
$(function(){
//使用attr
/*$("#CheckedAll").click(function(){
if(this.checked){
$('[name=items]:checkbox').attr('checked',false);
} else {
$('[name=items]:checkbox').attr('checked',true);
}
});*/
//使用prop
$("#CheckedAll").click(function(){
if(this.checked){
$('[name=items]:checkbox').prop('checked',false);
} else {
$('[name=items]:checkbox').prop('checked',true);
}
});*/ });
</script>
</head>
<body>
<form>
你爱好的运动是?<br>
<input type="checkbox" name="items" value="足球">足球
<input type="checkbox" name="items" value="篮球">篮球
<input type="checkbox" name="items" value="羽毛球">羽毛球
<input type="checkbox" name="items" value="乒乓球">乒乓球<br>
<input type="button" id="CheckedAll" value="全 选">
<input type="button" id="CheckedNo" value="全部选">
<input type="button" id="CheckedRev" value="反 选">
<input type="button" id="send" value="提 交">
</form>
</body>
</html>
有关与attribute和property的区分可参考:http://www.tuicool.com/articles/3uuQRr6
最新文章
- 【java】:多表关联、排序
- 【JS复习笔记】04 数组
- web技术人员-推荐书籍
- 【crunch bang】tint2配置2
- win7无法通过DHCP获得IP地址
- C++ Templates之模板元编程
- Arduino 使用舵机库时 其它引脚输出怪异 解决方案
- Eclipse下PHP开发 插件安装
- GZIP 头解析
- WinForm打印之页边距
- IOS 获取屏幕尺寸
- sql存储过程的简单使用
- linux中怎样设置DHCP
- 关于C/S框架网单表绑定,查询
- API文档模板
- UVa 562 - Dividing coins 均分钱币 【01背包】
- HDU 5445 Food Problem(多重背包+二进制优化)
- Redis能干啥?细看11种Web应用场景[转]
- Springboot中的连接池
- git 找回 git reset --hard HEAD 后的代码