<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元素。例如,使用`$('input[type="checkbox"]')`可以选取所有类型的checkbox。如果想要选取特定ID的checkbox,可以使用`$('#checkboxId')`;对于class,...
对于“jQuery的checkbox样式”,这是一个关注于提升网页中复选框(checkbox)视觉效果的主题。在这个场景中,我们讨论的是一个基于jQuery的插件,它专门用于美化标准HTML复选框的样式。 该插件的名称可能为“jQuery...
之后,你可以通过下载并引用该插件的资源文件——在本例中,文件名为"jquery-checkbox.1.3.0"。这个压缩包可能包含了CSS样式文件、JavaScript源代码文件以及可能的示例文件,它们都是使用该插件所必需的。 安装完成...
jQuery 对checkbox的操作
在jQuery中,我们可以使用不同的选择器来选取checkbox元素。例如,`$("input[type=checkbox]")`会选择页面上所有的checkbox。如果要选取特定ID或类名的checkbox,可以使用`$("#checkboxID")`或`$(".checkboxClass")`...
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着重要角色。 首先,让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项,用户可以勾选多个选项;...
在本文中,我们将深入探讨如何使用jQuery来获取checkbox选中的值,包括全选、取消全选、反选以及选中奇数行的操作,并讲解如何获取选中的值。 首先,我们需要引入jQuery库。在`1.html`文件中,我们看到包含了一个名...
总结,实现“jquery input checkbox 联动”主要是通过监听 `change` 事件,然后在事件回调中根据DOM结构和业务规则更新相关复选框的状态。这种联动效果常见于层级关系的展示,如目录树、权限管理等场景,使得用户...
在网页开发中,表格(Table)是展示数据的常用组件,而jQuery库为开发者提供了丰富的API,使得操作表格中的元素,如复选框(Checkbox),变得更加便捷。本篇将详细探讨如何利用jQuery实现表格中checkbox的相关事件...
本文实例讲述了jQuery中checkbox反复调用attr(‘checked’, true/false)只有第一次生效的解决方法。分享给大家供大家参考,具体如下: 先看如下代码: /** * 全选 */ function checkAll() { $(input[name=ids])...
在本教程中,我们将深入探讨如何使用jQuery来操作checkbox元素,特别是动态生成、设置显示数量以及获取选中项等核心知识点。 首先,让我们了解checkbox的基本概念。Checkbox是HTML中的一个表单元素,用于让用户对一...
jQuery的高性能TreeView源码(带CheckBox) 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树...
综上所述,"jQuery radio checkbox美化"涉及到前端开发中的多方面技能,包括jQuery的选择器和事件处理、CSS样式设计、插件应用、自定义图标、响应式设计以及无障碍性考虑。通过学习和实践这些技巧,可以创建出既美观...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 ...
jquery实现checkbox全选、反选、全部选,很不错的资源,欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...
总的来说,"jquery.checkbox"插件为开发者提供了一种简单、高效的方式来美化网页中的单选框和多选框,提升了用户体验。无论你是初学者还是经验丰富的开发者,都可以通过研究和实践这个插件,进一步提升你的前端技能...
本文实例讲述了jQuery实现checkbox全选的方法。分享给大家供大家参考。具体分析如下: 通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题。 使用click事件,根据...
在jQuery中,我们可以使用`$('input[type="checkbox"]')`选择所有的checkbox。如果你想根据特定的ID或class选择某个特定的checkbox,可以使用`$('#checkboxId')`或`$('.checkboxClass')`。 二、多选操作 在表单中...