onclick触发事件后,判断复选框是否被选中

love北纬45 2014-05-28 04:29:55
有个小问题 如果数据库里面有北京input标签是这样<input type="checkbox" checked="checked" name="chk" onclick= "ban('北京')"/> 如果没有北京input标签是这样<input type="checkbox" name="chk" onclick= "ban('北京')"/> 当我在js写function ban(key) {} 想判断一下checkbox是否被选中 我应该怎么判断 我用的这个if($("input[name='chk']").attr("checked")){} 不好用 求指教
...全文
80922 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
love北纬45 2014-05-28
  • 打赏
  • 举报
回复
引用 6 楼 a274295732 的回复:
[quote=引用 5 楼 u012188654 的回复:] [quote=引用 2 楼 wit_dwb 的回复:] 如果判断checkbox是否有选中的(即选中个数不为0) if($("[name='chk']:checkbox:checked").length > 0){...........................................} 如果判断checkbox是否全部被选中 if($("[name='chk']:checkbox:checked").length==$("[name='chk']:checkbox").length){...........................................} 如果通过onclick判断当前点击的是否被选中: input可以这么写:<input type="checkbox" name="chk" onclick= "ban(this)" value="北京"/> function ban(obj){ if(obj.checked){ .......... } //如果要用到"北京" 可以调用obj.value }
谢谢 总结的太有用了,有个小问题,我的input标签是用php拼出来的 $provinces .='<td><input type="checkbox" checked="checked" name="chk" value="\''.$allProvinces[$i]->ProvinceName.'\'" onclick= "ban()" />'.$allProvinces[$i]->ProvinceName.'</td>'; 你的ban(this)中的this只得什么啊,我该怎样拼呢,就这点疑问 [/quote] 这个this指的就是当前触发这个事件的元素,把这个元素当成参数传到函数里[/quote] 嗯 嗯 好的 我懂了 做出来了 谢谢 十分感谢!!!
Cocl 2014-05-28
  • 打赏
  • 举报
回复
引用 5 楼 u012188654 的回复:
[quote=引用 2 楼 wit_dwb 的回复:] 如果判断checkbox是否有选中的(即选中个数不为0) if($("[name='chk']:checkbox:checked").length > 0){...........................................} 如果判断checkbox是否全部被选中 if($("[name='chk']:checkbox:checked").length==$("[name='chk']:checkbox").length){...........................................} 如果通过onclick判断当前点击的是否被选中: input可以这么写:<input type="checkbox" name="chk" onclick= "ban(this)" value="北京"/> function ban(obj){ if(obj.checked){ .......... } //如果要用到"北京" 可以调用obj.value }
谢谢 总结的太有用了,有个小问题,我的input标签是用php拼出来的 $provinces .='<td><input type="checkbox" checked="checked" name="chk" value="\''.$allProvinces[$i]->ProvinceName.'\'" onclick= "ban()" />'.$allProvinces[$i]->ProvinceName.'</td>'; 你的ban(this)中的this只得什么啊,我该怎样拼呢,就这点疑问 [/quote] 这个this指的就是当前触发这个事件的元素,把这个元素当成参数传到函数里
love北纬45 2014-05-28
  • 打赏
  • 举报
回复
引用 2 楼 wit_dwb 的回复:
如果判断checkbox是否有选中的(即选中个数不为0) if($("[name='chk']:checkbox:checked").length > 0){...........................................} 如果判断checkbox是否全部被选中 if($("[name='chk']:checkbox:checked").length==$("[name='chk']:checkbox").length){...........................................} 如果通过onclick判断当前点击的是否被选中: input可以这么写:<input type="checkbox" name="chk" onclick= "ban(this)" value="北京"/> function ban(obj){ if(obj.checked){ .......... } //如果要用到"北京" 可以调用obj.value }
谢谢 总结的太有用了,有个小问题,我的input标签是用php拼出来的 $provinces .='<td><input type="checkbox" checked="checked" name="chk" value="\''.$allProvinces[$i]->ProvinceName.'\'" onclick= "ban()" />'.$allProvinces[$i]->ProvinceName.'</td>'; 你的ban(this)中的this只得什么啊,我该怎样拼呢,就这点疑问
wp306357 2014-05-28
  • 打赏
  • 举报
回复
wp306357 2014-05-28
  • 打赏
  • 举报
回复
看看这个嘛,试一下就好了。http://www.cnblogs.com/yuzhongwusan/archive/2009/02/27/1399264.html
wit_dwb 2014-05-28
  • 打赏
  • 举报
回复
如果判断checkbox是否有选中的(即选中个数不为0) if($("[name='chk']:checkbox:checked").length > 0){...........................................} 如果判断checkbox是否全部被选中 if($("[name='chk']:checkbox:checked").length==$("[name='chk']:checkbox").length){...........................................} 如果通过onclick判断当前点击的是否被选中: input可以这么写:<input type="checkbox" name="chk" onclick= "ban(this)" value="北京"/> function ban(obj){ if(obj.checked){ .......... } //如果要用到"北京" 可以调用obj.value }
  • 打赏
  • 举报
回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script>
$(function(){
	$('#btn').click(function(){
		if($('input[name="chk"]').prop("checked"))
		{
			alert("选中");
		}
		else
			alert('未选中');
	});
})

</script>
</head>
<body>

<input type="checkbox" name="chk" />

<input type="button" id="btn" value="判断" />
</body>
</html>
最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉,由于很多人和我要chm格式的,所以本次API我提供了2种版本的API,一个还是以前的EXE格式,另外一个就是人气颇高的chm格式。本次还将EasyUI 1.3.6版直接提供到API包里面,方便没有去官网下载的人直接使用。请大家持续关注我发布的资源,不出意外,我是会一直持续更新本API文档的。本次更新内容大约有30个,Bug修复的只有2个,剩下的全是新增内容,EasyUI的控件已经越来越好用了,顶一个。但是希望能把性能也提升提升,总是感觉在某些情况下EasyUI的性能不是太好。具体更新内容请看下面的说明: jQuery EasyUI 1.3.6版本更新内容: Bug(修复) treegrid:修复“getChecked”方法不能正确的返回被选择的行的问题; tree:修复在“onlyLeafCheck”属性为true时,复选框无法在异步树种正确显示的问题。 Improvement(改进) treegrid:所有的选择和选中的方法都扩展自datagrid组件; linkbutton:添加图标对齐功能的完整支持,可用值有:“top”、“bottom”、“left”、“right”; linkbutton:添加“size”属性,可用值有:“small”、“large”; linkbutton:添加“onClick”事件; menubutton:添加“menuAlign”属性,该属性允许用户设置顶级菜单对齐; combo:添加“panelAlign”属性,可用值有:“left”、“right”; calendar:添加“formatter”、“styler”和“validator”属性,这些属性允许用于自定义日历日期; calendar:添加“onChange”事件; panel:添加“method”、“queryParams”和“loader”选项; panel:添加“onLoadError”事件; datagrid:添加“onBeginEdit”事件,该事件在一个行进入编辑模式时触发; datagrid:添加“onEndEdit”事件,该事件在完成编辑但是编辑器尚未销毁之前触发; datagrid:添加“sort”方法和“onBeforeSortColumn”事件; datagrid:将“combogrid”编辑器集成到datagrid中; datagrid:添加“ctrlSelect”属性,在启用多行选择的时候允许使用Ctrl键+鼠标点击的方式进行多选操作; slider:添加“converter”属性,该属性允许用户决定如何将一个值转换为进度条位置或进度条位置值; searchbox:添加“disabled”属性; searchbox:添加“disable”、“enable”、“clear”、“reset”方法; spinner:添加“readonly”属性、“readonly”方法和“onChange”事件。

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧