`
lily_better
  • 浏览: 7785 次
文章分类
社区版块
存档分类
最新评论

jquery-checkbox选择

 
阅读更多
<script type="text/javascript">
$(document).ready(function() {

//全选按钮
$("#ckall").click(function(){
$('[name=newsletter]:checkbox').attr('checked',true);
});
//全不选按钮
$("#ckno").click(function(){
$('[name=newsletter]:checkbox').attr('checked',false);
});
//反选按钮
$("#ckrev").click(function(){
$('[name=newsletter]:checkbox').each(function(){
this.checked = !this.checked;
});
});

//全选/全不选复选框
$("#checkall").click(function(){
if(this.checked){
$('[name=newsletter]:checkbox').attr('checked',true);
}else{
$('[name=newsletter]:checkbox').attr('checked',false);
}
});
//点击此按钮,弹出对话框显示已选信息。用到了each函数
$("#send").click(function(){
var str = "";
$("input[name='newsletter']:checked").each(function() {
str += $(this).val()+"; ";

});
alert("已选择的复选框信息:"+str);
});
 
  });
  </script>
分享到:
评论

相关推荐

    绚丽的复选框 jquery-checkbox

    **绚丽的复选框 jQuery-Checkbox** 在网页设计中,复选框(checkbox)是常见的交互元素,用于让用户选择一个或多个选项。然而,原始的HTML复选框样式通常较为简单,缺乏吸引力。为了提升用户体验和界面美观度,...

    jquery 的checkbox样式

    接着,可以通过jQuery选择器来选中需要改变样式的复选框,并调用插件提供的方法来应用样式。例如,如果所有的复选框都有一个统一的class名`custom-checkbox`,可以这样写: ```javascript $(document).ready...

    jquery-tailwind-checkbox-toggle

    本文将深入探讨如何使用"jquery-tailwind-checkbox-toggle"来构建这样的组件。 首先,让我们了解jQuery。jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理和Ajax交互。它的API简洁易用,使得开发者能...

    jQuery操作checkbox并获取选中值

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

    关于checkbox选择个数限制

    在IT行业中,尤其是在前端开发领域,经常需要处理用户交互,比如限制用户在多选框(Checkbox)中选择的项目数量。这个场景广泛存在于各种表单和数据筛选功能中。本篇我们将深入探讨如何实现“关于checkbox选择个数...

    jquery-easyui-1.3.3

    EasyUI 提供了各种表单元素,如文本框(Textbox)、复选框(Checkbox)、单选按钮(RadioButton)等,并支持验证用户输入。 7. **数据绑定和远程数据源**:EasyUI 可以与后端服务无缝集成,通过Ajax请求获取和提交...

    jQuery UI Multiselect (jQuery UI 多选框)

    - **全选/取消全选**:jQuery UI Multiselect 提供了一个便捷的全选按钮,允许用户一键选择所有选项,同时也能够快速取消所有选择。 - **分组和筛选**:通过自定义的HTML结构,可以实现选项的分组展示,同时提供搜索...

    JQuery-zTree-v2.6.rar_Java 8_jquery tree_jquery-ztree-2.6.js_jqu

    1、兼容 IE、FireFox、Chrome 等浏览器 2、在一个页面内可同时生成多个 ... 7、支持极其灵活的 checkbox & radio 选择功能 8、支持任意更换皮肤 / 个性化图标(依靠css) 9、简单的参数配置 实现 灵活多变的功能

    jquery checkbox 选中 取消 checkbox多选

    本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 首先,我们需要理解HTML中的`&lt;input&gt;`元素类型为"checkbox"的基本用法。复选框用于让用户从多个选项中选择...

    jquery获取checkbox选中的值

    要获取所有选中checkbox的值,可以使用jQuery的`:$()`选择器和`.each()`迭代器。遍历所有checkbox,检查它们是否被选中(`checked`属性),并收集其值: ```javascript var selectedValues = []; $('input[type...

    jQuery 对checkbox的操作

    jQuery 对checkbox的操作

    jquery 对checkbox的操作

    本文将详细探讨如何使用jQuery对checkbox进行操作,这些操作包括选择、取消选择、检查状态以及实现更复杂的交互效果。 一、jQuery选择checkbox 在jQuery中,我们可以使用不同的选择器来选取checkbox元素。例如,`$...

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

    在网页开发中,单选框(radio)和多选框(checkbox)是常见的用户交互元素,用于收集用户的选择信息。然而,原生的HTML控件样式往往单调,无法满足现代网页设计的美观需求。jQuery作为一款强大的JavaScript库,提供...

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

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

    JQuery操作checkbox、radio等示例

    1. **选择元素**:jQuery提供了多种选择器,如`$("[type=checkbox]")`和`$("[type=radio]")`,可以用来选取页面上所有的checkbox或radio元素。如果你想选择具有特定ID或类名的元素,可以使用`$("#checkboxID")`或`$...

    jquery input checkbox 联动

    本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,能够自动触发关联的上级或下级复选框的状态改变。 ### 1. jQuery 基础 首先,确保你的项目已经引入...

    collapsable-checkbox-源码.rar

    本篇文章将深入探讨"collapsable-checkbox-源码.rar"中的实现原理和技术细节。 首先,我们要理解复选框(Checkbox)的基本概念。复选框是HTML中的一个表单元素,用户可以用来选择或取消选择一个选项。在可折叠复选...

    jQuery-Easyui完整示例demo

    4. 表单(form):jQuery EasyUI 提供了各种表单元素,如输入框(input)、复选框(checkbox)、单选按钮(radio)等,可以方便地与后台进行数据交互,实现表单验证和提交。 5. 树形结构(tree):tree 组件用于...

    jquery-zTreeAPI v2.6.zip

    通过`setting.check.enable`开启复选功能,`setting.check.chkStyle`设定复选样式,如"radio"或"checkbox"。 3. 节点操作 利用`treeObj.addNodes()`, `treeObj.removeNode()`, `treeObj.moveNode()`进行节点的添加...

Global site tag (gtag.js) - Google Analytics