js 判断checkbox是否选中的实现代码


Posted in Javascript onNovember 23, 2010

今天再写个小功能判断checkbox是否选中与操作完以后将checkbox设置为选中状态的需求,那么就可以参考下面的代码了

1、判断是否选中可以用如下代码

原生js

if(document.getElementById("insDown").checked){

}

jquery的实现代码

1, $(checkbox的id).prop("checked") 返回的是一个boolean值类型

2, $(this).is(":checked") 返回的也是一个boolean值类型2

、设置选中状态

原生js

document.getElementById("insDown").checked=true;

jquery的实现代码

$("#insDown").prop("checked", true);

$("#cb1").prop("checked","checked");
$("#cb1").prop("checked",true);

完整代码

//第几个没有选 

<input type="checkbox" name="checkbox1" checked> 
<input type="checkbox" name="checkbox1"> 
<input type="checkbox" name="checkbox1" checked> 
<input type="checkbox" name="checkbox1"> 
<input type="checkbox" name="checkbox1"> 
<script language=javascript> 
function check(obj) 
{ 

for(i=0;i<document.all(obj).length;i++) 
{ 
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择") 
} 
} 
</script> 
<input type=button onclick="check('checkbox1')" value="检测"> 
//一个也没有选 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<Script Language="JavaScript"> 
function check(obj){ 
for(i=0;i<document.all(obj).length;i++){ 
if(document.all(obj)(i).checked){ 
return; 
} 
} 
window.alert('一个也没有选!'); 
} 
</Script> 
<input type=button onclick="check('test');" value="检测"> 

//第几个没有选 
<input type="checkbox" name="checkbox1" checked> 
<input type="checkbox" name="checkbox1"> 
<input type="checkbox" name="checkbox1" checked> 
<input type="checkbox" name="checkbox1"> 
<input type="checkbox" name="checkbox1"> 
<script language=javascript> 
function check(obj) 
{ 

for(i=0;i<document.all(obj).length;i++) 
{ 
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择") 
} 
} 
</script> 
<input type=button onclick="check('checkbox1')" value="检测"> 


//一个也没有选 


<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<Script Language="JavaScript"> 
function check(obj){ 
for(i=0;i<document.all(obj).length;i++){ 
if(document.all(obj)(i).checked){ 
return; 
} 
} 
window.alert('一个也没有选!'); 
} 
</Script> 
<input type=button onclick="check('test');" value="检测">

这篇文章就结束了,更多的请查看三水点靠木以前发布的文章。

Javascript 相关文章推荐
基于mootools 1.3框架下的图片滑动效果代码
Apr 22 Javascript
jQuery实现图片信息的浮动显示实例代码
Aug 28 Javascript
jquery使用jxl插件导出excel示例
Apr 14 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
Aug 05 Javascript
BootStrapTable服务器分页实例解析
Dec 20 Javascript
bootstrap css样式之表单
Jan 19 Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
Sep 25 Javascript
eslint 的三大通用规则详解
May 16 Javascript
vue的keep-alive用法技巧
Aug 15 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
Apr 10 Javascript
聊聊vue 中的v-on参数问题
Jan 29 Vue.js
浅谈JS的原型和原型链
Jun 04 Javascript
js 处理URL实用技巧
Nov 23 #Javascript
两个Javascript小tip资料
Nov 23 #Javascript
JQUBar 基于JQUERY的柱状图插件
Nov 23 #Javascript
jquery 学习之二 属性相关
Nov 23 #Javascript
jquery 学习之一 对象访问
Nov 23 #Javascript
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
Nov 21 #Javascript
IE6下出现JavaScript未结束的字符串常量错误的解决方法
Nov 21 #Javascript
You might like
php提示无法加载或mcrypt没有找到 PHP 扩展 mbstring解决办法
2012/03/27 PHP
PHP实现支持SSL连接的SMTP邮件发送类
2015/03/05 PHP
CentOS下与Apache连接的PHP多版本共存方案实现详解
2015/12/19 PHP
PHP.vs.JAVA
2016/04/29 PHP
PHP+mysql+ajax轻量级聊天室实现方法详解
2016/10/17 PHP
jQuery语法总结和注意事项小结
2012/11/11 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
JS实现日期加减的方法
2013/11/29 Javascript
js键盘事件的keyCode
2014/07/29 Javascript
jquery控制页面部分刷新的方法
2015/06/24 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
2015/11/18 Javascript
jQuery链式调用与show知识浅析
2016/05/11 Javascript
AngularJS教程之简单应用程序示例
2016/08/16 Javascript
js实现PC端和移动端刮卡效果
2020/03/27 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
ionic2中使用自动生成器的方法
2018/03/04 Javascript
小程序实现单选多选功能
2018/11/04 Javascript
ES6中定义类和对象的方法示例
2019/07/31 Javascript
详解mpvue实现对苹果X安全区域的适配
2019/07/31 Javascript
对layui中的onevent 和event的使用详解
2019/09/06 Javascript
js实现点击选项置顶动画效果
2020/08/25 Javascript
[01:02:25]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS VG
2014/05/25 DOTA
[16:14]教你分分钟做大人:米拉娜(HEROS)
2014/11/24 DOTA
Python中的自省(反射)详解
2015/06/02 Python
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
Django框架模板注入操作示例【变量传递到模板】
2018/12/19 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
解决Pyinstaller打包软件失败的一个坑
2021/03/04 Python
安德玛比利时官网:Under Armour比利时
2019/08/28 全球购物
东方红海科技面试题软件测试方面
2012/02/08 面试题
体现团队精神的口号
2014/06/06 职场文书
党员自我剖析材料(群众路线)
2014/10/06 职场文书
2015年销售人员工作总结
2015/04/07 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
《落花生》教学反思
2016/02/16 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书