`

jquery对于checkbox一些处理

阅读更多

<input type="checkbox" name="foo" value="bar" />
<input type="button" onclick="show_checked()" value="Show" />
<input type="button" onclick="set_checked(true)" value="On" />
<input type="button" onclick="set_checked(false)" value="Off" />


#判断是否选中
	$('input[name=foo]').is(':checked')
	$('input[name=foo]').attr('checked')

#选中和不选中
	$('input[name=foo]').attr('checked', true);
	$('input[name=foo]').attr('checked', false);




判断是否选中,开始用的办法



$(function() {
  $('#isOther').click(function() {
    var other = $('#isOther:checked').val();
    if (other != undefined) $('#other').removeAttr('readonly');
    else $('#other').attr('readonly', 'readonly');
  });
});



其实可以

var checked = $('input[type=checkbox]').attr('checked');


返回一个jason对象,是有结构的
var myJSONObject = {"bindings": [
        {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"},
        {"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"},
        {"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"}
    ]
};

myData = JSON.parse(text, function (key, value) {
    var type;
    if (value && typeof value === 'object') {
        type = value.type;
        if (typeof type === 'string' && typeof window[type] === 'function') {
            return new (window[type])(value);
        }
    }
    return value;
});



一些参考:
都是把一组复选框是否选中情况,得到。等着ajax发出去

var sList = "";
$('input[type=checkbox]').each(function () {
    var sThisVal = (this.checked ? "1" : "0");
    sList += (sList=="" ? sThisVal : "," + sThisVal);
});
console.log (sList);

另一个

var str = "";

$(':checkbox').each(function() {
    str += this.checked ? "1," : "0,";
});

str = str.substr(0, str.length - 1);    //Remove the trailing comma

分享到:
评论

相关推荐

    jQuery操作checkbox并获取选中值

    对于class,使用`$('.checkboxClass')`。 ### 二、全选功能 全选功能是将页面上所有的checkbox都设置为选中状态。在jQuery中,可以通过遍历所有checkbox并使用`.prop()`方法来实现这一功能: ```javascript $('...

    jquery 的checkbox样式

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

    jquery checkbox 选中 取消 checkbox多选

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

    绚丽的复选框 jquery-checkbox

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

    jquery 对checkbox的操作

    综上所述,jQuery为开发者提供了便利的API来处理checkbox,使得在网页中实现与用户交互变得更加简单和直观。无论是单个checkbox的控制还是批量操作,jQuery都能轻松应对。通过熟练掌握这些技巧,开发者可以创建更加...

    JQuery操作checkbox、radio等示例

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着...

    jquery获取checkbox选中的值

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互等任务。在本文中,我们将深入探讨如何使用jQuery来获取checkbox选中的值,包括全选、取消全选、反选以及选中奇数行的...

    jquery input checkbox 联动

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理以及Ajax交互。本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,...

    jquery之checkbox操作(v1.0.0)

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在本教程中,我们将深入探讨如何使用jQuery来操作checkbox元素,特别是动态生成、设置显示数量以及获取选中项...

    jquery radio checkbox 美化

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

    jQuery实现checkbox全选的方法

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

    jQuery操作checkbox

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本篇文章将深入探讨如何使用jQuery来操作checkbox元素,包括多选、全选和反选等常见功能。 一、jQuery...

    jQuery Checkbox列表双向选择移动代码

    《jQuery实现Checkbox列表双向选择移动详解》 在Web开发中,用户交互的界面设计往往需要具备灵活多变的功能,以提升用户体验。其中,双向选择列表是常见的一种交互方式,允许用户在两个列表之间自由移动选中项。...

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

    它通常会包含版权信息、版本号、作者信息以及一些使用提示,对于正确理解和使用插件至关重要。 3. **访问懒人之家.url**:这通常是一个快捷方式,指向一个网站或资源,可能是插件的官方主页或者开发者的工作站,...

    jQuery获取checkbox选中的值

    理解并掌握如何使用jQuery获取和操作checkbox元素,对于开发交互式的Web应用程序非常重要。上述示例和知识点提供了全面的指南,帮助开发者在实际项目中有效地应用这些技术。通过实践这些方法,开发者可以构建更为...

    css+jquery带checkbox的输入框可模糊查询

    总的来说,实现“CSS+jQuery带checkbox的输入框可模糊查询”功能需要结合CSS进行界面设计,利用jQuery处理用户交互和数据过滤,从而提供高效、直观的用户搜索体验。在实际开发中,还需考虑性能优化,如分页加载、...

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

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

    JQuery对checkbox的操作 (01).zip

    综上所述,jQuery提供了丰富的API来操作checkbox,包括获取和设置选中状态、处理点击和改变事件,以及处理分组的checkbox。这些功能让开发者能更高效地创建动态、交互性强的Web应用。在实际项目中,结合HTML和CSS,...

    JQuery实现checkbox的全选取消全选

    在IT领域,特别是前端开发中,使用jQuery来操作DOM元素是一种常见的实践,特别是在处理复选框(checkbox)的全选与取消全选功能时。本文将深入解析如何使用jQuery实现这一功能,通过分析给定代码片段,提炼出关键...

Global site tag (gtag.js) - Google Analytics