`
以沫之恋
  • 浏览: 4152 次
  • 性别: Icon_minigender_2
  • 来自: 南京
最近访客 更多访客>>
社区版块
存档分类
最新评论

jquery中的checkbox

 
阅读更多
<script type="text/javascript">
	//当页面加载完成后
	$(document).ready(function() {
		$("#btn1").bind("click", function() {
			$("[name='checkbox']").attr("checked", 'true');//全选   
			});

		$("#btn2").bind("click", function() {
			$("[name='checkbox']").removeAttr("checked", 'true');//取消全选      

			});

		$("#btn3").bind("click", function() {
			$("[name='checkbox']:even").attr("checked", 'true');//选中所有奇数  
			});

		$("#btn4").bind("click", function() {
			//$("[name='checkbox']:odd").attr("checked",'true');//选中所有奇数  
				$("[name='checkbox']").each(function() {//反选  
							if ($(this).attr("checked")) {
								$(this).removeAttr("checked");
							} else {
								$(this).attr("checked", 'true');
							}
						});
			});

		//得到选中值
			$("#btn5").bind("click", function() {
				var str = "";
				$("[name='checkbox']:checked").each(function() {
					str += $(this).val()
					//	alert(str);
					});
				alert(str);
			});

			$("#bt").bind("click", function() {
				var chk_value = [];
				$('input[name="checkbox"]:checked').each(function() {
					chk_value.push($(this).val());
				});

				alert(chk_value.length == 0 ? '你还没有选择任何内容!' : chk_value);
			});

		});
</script>

 

分享到:
评论

相关推荐

    jQuery操作checkbox并获取选中值

    在jQuery中,我们可以使用不同的选择器来选取页面上的checkbox元素。例如,使用`$('input[type="checkbox"]')`可以选取所有类型的checkbox。如果想要选取特定ID的checkbox,可以使用`$('#checkboxId')`;对于class,...

    jquery 的checkbox样式

    对于“jQuery的checkbox样式”,这是一个关注于提升网页中复选框(checkbox)视觉效果的主题。在这个场景中,我们讨论的是一个基于jQuery的插件,它专门用于美化标准HTML复选框的样式。 该插件的名称可能为“jQuery...

    绚丽的复选框 jquery-checkbox

    之后,你可以通过下载并引用该插件的资源文件——在本例中,文件名为"jquery-checkbox.1.3.0"。这个压缩包可能包含了CSS样式文件、JavaScript源代码文件以及可能的示例文件,它们都是使用该插件所必需的。 安装完成...

    jQuery 对checkbox的操作

    jQuery 对checkbox的操作

    jquery 对checkbox的操作

    在jQuery中,我们可以使用不同的选择器来选取checkbox元素。例如,`$("input[type=checkbox]")`会选择页面上所有的checkbox。如果要选取特定ID或类名的checkbox,可以使用`$("#checkboxID")`或`$(".checkboxClass")`...

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JQuery操作checkbox、radio等示例

    本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着重要角色。 首先,让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项,用户可以勾选多个选项;...

    jquery获取checkbox选中的值

    在本文中,我们将深入探讨如何使用jQuery来获取checkbox选中的值,包括全选、取消全选、反选以及选中奇数行的操作,并讲解如何获取选中的值。 首先,我们需要引入jQuery库。在`1.html`文件中,我们看到包含了一个名...

    jquery input checkbox 联动

    总结,实现“jquery input checkbox 联动”主要是通过监听 `change` 事件,然后在事件回调中根据DOM结构和业务规则更新相关复选框的状态。这种联动效果常见于层级关系的展示,如目录树、权限管理等场景,使得用户...

    关于表格(table)中checkbox等相关事件操作(动态添加行+隔行换色等相关)(jquery)

    在网页开发中,表格(Table)是展示数据的常用组件,而jQuery库为开发者提供了丰富的API,使得操作表格中的元素,如复选框(Checkbox),变得更加便捷。本篇将详细探讨如何利用jQuery实现表格中checkbox的相关事件...

    jQuery中checkbox反复调用attr(‘checked’, true/false)只有第一次生效的解决方法

    本文实例讲述了jQuery中checkbox反复调用attr(‘checked’, true/false)只有第一次生效的解决方法。分享给大家供大家参考,具体如下: 先看如下代码: /** * 全选 */ function checkAll() { $(input[name=ids])...

    jquery之checkbox操作(v1.0.0)

    在本教程中,我们将深入探讨如何使用jQuery来操作checkbox元素,特别是动态生成、设置显示数量以及获取选中项等核心知识点。 首先,让我们了解checkbox的基本概念。Checkbox是HTML中的一个表单元素,用于让用户对一...

    jQuery的高性能TreeView源码(带CheckBox)

    jQuery的高性能TreeView源码(带CheckBox) 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树...

    jquery radio checkbox 美化

    综上所述,"jQuery radio checkbox美化"涉及到前端开发中的多方面技能,包括jQuery的选择器和事件处理、CSS样式设计、插件应用、自定义图标、响应式设计以及无障碍性考虑。通过学习和实践这些技巧,可以创建出既美观...

    jquery checkbox 选中 取消 checkbox多选

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 ...

    jquery实现checkbox全选、反选、全部选。精简写法

    jquery实现checkbox全选、反选、全部选,很不错的资源,欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...

    jquery.checkbox 单选框多选框美化插件.zip

    总的来说,"jquery.checkbox"插件为开发者提供了一种简单、高效的方式来美化网页中的单选框和多选框,提升了用户体验。无论你是初学者还是经验丰富的开发者,都可以通过研究和实践这个插件,进一步提升你的前端技能...

    jQuery实现checkbox全选的方法

    本文实例讲述了jQuery实现checkbox全选的方法。分享给大家供大家参考。具体分析如下: 通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题。 使用click事件,根据...

    jQuery操作checkbox

    在jQuery中,我们可以使用`$('input[type="checkbox"]')`选择所有的checkbox。如果你想根据特定的ID或class选择某个特定的checkbox,可以使用`$('#checkboxId')`或`$('.checkboxClass')`。 二、多选操作 在表单中...

Global site tag (gtag.js) - Google Analytics