当前位置:  编程技术>jquery

jquery如何判断checkbox是否选中?多种方法

    来源: 互联网  发布时间:2014-10-08

    本文导语:  第一部分,jquery如何判断checkbox是否选中的三种就去,建议使用方法二。 方法一:   代码示例: if ($("#checkbox-id")get(0).checked) {     // do something }   方法二:   代码示例: if($('#checkbox-id').is(':checked')) {     // do something } ...

第一部分,jquery如何判断checkbox是否选中的三种就去,建议使用方法二。
方法一:
 

代码示例:
if ($("#checkbox-id")get(0).checked) {
    // do something
}
 

方法二:
 

代码示例:
if($('#checkbox-id').is(':checked')) {
    // do something
}
 

方法三:
 

代码示例:
if ($('#checkbox-id').attr('checked')) {
    // do something
}

第二部分,jQuery判断checkbox是否选中的小例子
判断checkbox是否选中的方法有很多,jquery是如何做到的?

例子:
 

代码示例:
var systemBackup = $("#field_systemBackup").is(":checked");


选中返回true, 未选中返回false

第三部分,jQuery验证Checkbox是否选中的代码

jQuery验证Checkbox是否选中

例1,大多人在用的方法:
 

代码示例:
function chk() //是否被选中验证有选中的return true,否return false
{
var falg = 0;
$("input[name=cbname]:checkbox").each(function(){
if($(this).attr("checked")) // 这里可以用 if($("#cr").is(":checked"))
{
falg +=1; // 这里可以加上 return false 退出循环
}
}) // www.
if(falg >0)
return true;
else
return false;
}

以下代码更简单更高效:
 

代码示例:
if($("input[name=cbname]:checkbox").length==0) // 没有选择中任项

第四部分,jquery checkbox,radio是否选中的判断代码
jquery checkbox,radio是否选中的判断代码
1:判断radio
 

代码示例:
var selected = $('input[name=selectid:checked]').val();//若未被选中 则val() = null
if(selected == null){
alert("未选中!");
}else{
alert("选中!");
}

2:判断checkbox
 

代码示例:
var n = $("input:checked").length;
if(n==0){
alert("未选中!");
}else{
alert("选中!");
}
$("div").text(n + (n

    
 
 

您可能感兴趣的文章:

  • Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
  • jquery无法设置checkbox选中即没有变成选中状态
  • jQuery设置input type="radio"选中值
  • jqueryjs 选中文本框中内容的方法
  • Jquery判断Radio是否选中或选中值的实例代码
  • jquery select默认选中的设置方法
  • JQUERY 设置SELECT选中项代码
  • jquery检测input checked 控件是否被选中的方法
  • jQuery判断checkbox是否选中的小例子
  • jquery检测input checked 控件是否选中
  • jQuery判断checkbox是否被选中的三种方法
  • jquery判断复选框checkbox是否选中的简单示例
  • jQuery获取选中内容及设置元素属性的方法
  • jquery动态获取复选框checkbox选中个数
  • jQuery获取Radio,CheckBox选择的Value值(示例代码) iis7站长之家
  • jquery如何根据值设置默认的选中项
  • jquery select 设置默认选中的示例代码
  • jquery 判断 radio checkbox 是否选中的几种方法
  • jquery 操作select取值与设置选中值
  • jquery操作select详解(取值,设置选中)
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery checkbox
  • jquery遍历checkbox简单示例
  • jquery遍历checkbox代码与说明
  • JQuery checkbox全选的小例子
  • jquery遍历checkbox介绍
  • jquery遍历checkbox的注意事项说明
  • jQuery1.9.1针对checkbox的调整方法(prop)
  • jquery操作checkbox实现全选和取消全选
  • jQuery获取Radio,CheckBox选择的Value值(示例代码)
  • jquery操作checkbox示例分享
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery页面加载完毕再执行代码多种方法
  • jquery获取下拉框值的多种方法
  • jquery跟js初始化加载的多种方法及区别介绍
  • jquery 动态加载js的多种方法汇总
  • jquery自定义函数的多种方法
  • Jquery easyui如何支持验证多种类型
  • jquery操作checked属性以及disabled属性的多种方法
  • jquery设置disabled元素属性的多种方法
  • jquery操作checked与disabled属性多种方法与实例
  • Jquery 获取对象的多种方式
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery的CSV插件 jQuery CSV
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish
  • jQuery的OpenSocial插件 OpenSocial jQuery
  • jQuery链接插件 jquery.biggerlink




  • 特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3