<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>checkbox用法</title>
<script type="text/javascript" src="jquery-1.2.1.js"></script>
<script>
//第一种选中的方式 : 根据元素的ID获取元素 id不能重复所以直接查找到的是元素本身
function selectByID() {
document.getElementById("c1").checked = true;
}
function unselectByID() {
document.getElementById("c1").checked = false;
}
function getStatusByID() {
alert(document.getElementById("c1").checked ? true : false);
}
//第二种选中的方式 : 根据元素的名称获取元素 元素的名称可以重复,所以如果想要精确的找到某个元素必须要加上它的下标
function selectByN() {
document.getElementsByName("c1")[0].checked= true;
}
function unselectByN() {
document.getElementsByName("c1")[0].checked = false;
}
function getStatusByN() {
alert(document.getElementsByName("c1")[0].checked ? true : false);
}
</script>
</head>
<body>
<input type="checkbox" id="c1" name="c1"><br>
通过元素的ID进行操作<br>
<a href="#" onclick="selectByID()">选中</a><br>
<a href="#" onclick="unselectByID()">不选</a><br>
<a href="#" onclick="getStatusByID()">获取当前的状态</a>
<hr>
通过元素的名称进行操作<br>
<a href="#" onclick="selectByN()">选中</a><br>
<a href="#" onclick="unselectByN()">不选</a><br>
<a href="#" onclick="getStatusByN()">获取当前的状态</a>
</body>
</html>
分享到:
相关推荐
JS操作CheckBox控件! 值得下载看看!资源免费,大家分享!!
c# javascript 操作 checkBox控件
自动动手写了个操作checkbox,里面包括全选、全不选、反选、获取选中值四个功能...
JQuery操作checkbox、radio等示例
工作表中通过类模块来操作checkbox控件,可自己修改为optionbutton控件。
jquery、js操作checkbox全选反选.docx
checkbox全选操作checkbox全选操作checkbox全选操作checkbox全选操作checkbox全选操作checkbox全选操作checkbox全选操作
NULL 博文链接:https://yhjhoo.iteye.com/blog/652050
遇到操作checkbox的问题全选 代码如下:$(“input[type=’checkbox’]”).each(function(){ this.checked=true }) 反选$(“input[type=’checkbox’]”).each(function(){if(this.checked){ this.checked=false ...
操作checkbox,全选反选 代码如下: //全选 function checkAll() { $(‘input[name=”TheID”]’).attr(“checked”, “checked”); } //反选 function uncheckAll() { $(‘input[name=”TheID”]’).each(function()...
JQuery对checkbox的多选,全选,反选操作样例
本文实例讲述了jquery操作checkbox的常用方法。分享给大家供大家参考,具体如下: 做系统的过程中,与checkbox 复选框打交道,是难免的,而且在每个系统中,简直是必不可少的一道菜,通常的操作有一下几种: 1.用...
最近在工作中使用jquery操作checkbox,使用下面方法进行全选、反选: 代码如下: var ischecked=allCheckObj.is(‘:checked’); ischecked?checksObj.attr(‘checked’,true):checksObj.attr(‘checked’,false); ...
js操作checkbox本人建议用document.getElementById(checkbox_id).checked不推荐使用jquery操作checkbox,感兴趣的朋友不要错过
主要介绍了jquery操作checkbox实现全选和取消全选,需要的朋友可以参考下
本篇文章主要是对jQuery操作CheckBox的方法(选中,取消,取值)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
主要介绍了jquery操作checkbox,需要的朋友可以参考下
对于CheckBoxList控件来说,一方面要实现大量数据在服务器端的绑定工作,另一方面往往要求实现全选、反选等功能,接下来将介绍js操作CheckBoxList实现全选/反选,感兴趣的朋友可以了解下,或许对你有所帮助