发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
1、用JQuery检查网页上是否有某个对象的方法:
如何判断对象是否存在,jQuery选择器返回的是一个对象数组(数组中的每个对象还是Dom对象),调用text()、html()、click()之类方法的时候其实是对数组中每个DOM对象迭代调用每个方法,因此即使通过id选择的元素不存在也不会报错,如果需要判断指定的id是否存在,应该写:
//通过判断$("#btn1")这个集合中对象的个数来判断是否有对象存在(可行)
if ($("#btn1").length <= 0) {
do something
}
//直接判断是否有DOM对象存在(可行)
if ($("#btn1")[0]) {
//下面的写法是错误的,因为判断的直接是集合
if($("#btn1")){
2、用JQuery实现全选、全不选、反选
<html xmlns="http://www./1999/xhtml">
<head>
<title></title>
<script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#allOrNone').click(function () {
//点击“选择状态”,实现全选与全不选
$(':checkbox').attr('checked', $(this).attr('checked'));
});
//当改变了上面选择项的选中状态后,“选择状态”的状态也跟着改变
$(':checkbox[id!=allOrNone]').click(function () {
optionStateChanged();
//选项改变抽象的方法
function optionStateChanged() {
var state = true;
$(':checkbox[id!=allOrNone]').each(function () {
if (!$(this).attr('checked')) {
state = false;
return false;
//break; 不可以使用break;
//如果有一个没有被选中,则将“选择状态”的状态也设置为没有选中状态
$('#allOrNone').attr('checked', state);
//反选
$('#chooseReverse').click(function () {
//进行选项的反选工作
$(this).attr('checked', !$(this).attr('checked'));
//单独考虑选项改变的操作
</script>
</head>
<body>
<input type="checkbox" value="1" />足球
<input type="checkbox" value="2" />足球
<input type="checkbox" value="3" />足球
<input type="checkbox" value="4" />足球
<input type="checkbox" value="5" />足球<br />
<input type="checkbox" name="name" value="" id="allOrNone"/>选择状态
<input type="button" name="name" value="反选" id="chooseReverse"/>
</body>
</html>
来自: 昵称10504424 > 《Jquery》
0条评论
发表
请遵守用户 评论公约
JQuery 改变 checkbox 状态
JQuery 改变 checkbox 状态$(''#checkbox'').attr(''checked'', true);$(''#checkbox'').attr(''checked'', false);
jquery实现全选、反选、获得所有选中的checkbox
jquery实现全选、反选、获得所有选中的checkbox.$("#btn1").click(function(){ $("input[name=''checkbox'']").attr("checked","true");$(&q...
Jquery全选方法
jquery判断单选按钮是否选中
jquery判断单选按钮是否选中。<input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio"...
JQuery中判断选中的方法对比
JQuery中判断选中的方法对比。这两天遇到一个问题,就是在点击checkbox后,$(this).attr(''checked'')得到的值要么是undefined,要么是checked,同一个表单一直点击却一点都不会发生改...
JQuery多选框全选
</script> </head> <body> <font color="red">复选框全选</font><br> <input type="checkbox" name="checkbox_name[]"...
JQuery下拉框与复选框
</script><input type="button" id="editlink" value="add options" /><div id="editlinkdiv"> <select id="selectlink" ...
jQuery对复选框(checkbox)的全选,全不选,反选等的操作
jQuery对复选框(checkbox)的全选,全不选,反选等的操作。//全选 $("#selectAll").click(function(){ $("[name=items]:...
用Jquery获取checkbox多个选项
用Jquery获取checkbox多个选项。$("input[@type=radio][@value=2]").attr("checked",''checked'');多选框checkbox:$("#checkbox_id").attr("valu...
微信扫码,在手机上查看选中内容