checkbox 多选框状态判断

最新推荐文章于 2024-06-12 17:19:19 发布
最新推荐文章于 2024-06-12 17:19:19 发布
阅读量631 收藏 1
点赞数
原文链接：http://www.cnblogs.com/richardcastle/p/8297328.html
版权

1、用jquery判断checkbox

$('.checkbox').prop('checked');

这里，会返回一个object ，true、false ；
所以：

f($('.checkbox').prop('checked')==true){
    alert('选中');
}else{
    alert('取消');
}

注：获取checkbox的选中状态，不适合用attr；
判断被选中的复选框的个数：

$('.checkbox:checked').length;

2、用js判断checkbox

document.getElementById("checkboxID").checked;

这里，返回一个object，true、false；

<html>
<input type='checkbox' onclick="aaa();" id='checkboxID' >
<script>
function aaa(){
    if(document.getElementById("checkboxID").checked){
        alert(10);
    }else{
        alert(20);
    }
    console.log(document.getElementById("checkboxID").checked);
}
</script>
</html>

未完待续...

转载于:https://www.cnblogs.com/richardcastle/p/8297328.html

diaoxin8664
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html5判断多选框是否选择的函数,复选框（checkbox）、多选框
weixin_29541743的博客
06-03 1320
1、需求分析可同时选中多个选项，实现全选、全不选、反选等功能。2、技术分析基础的HTML、CSS、JavaScript。3、详细分析 3.1 HTML部分图示是一个列表加底部一段文字说明，列表包含三个部分，整体是一个多选列表，上部是总的选项，下面是具体选项，因此该列表是一个自定义列表：全选/*给"反选"建立js链接，实现动态效果*/反选/*选项由选择框(输入框)和标示构成，所以使用标签和标签,la...
checkbox 复选框不能为空
09-05
标题"checkbox 复选框不能为空"和描述"checkbox复选框不能为空，至少有一个选项"正是针对这种情况，强调了复选框至少需要有一个被选中的状态。 为了实现这个功能，我们可以编写JavaScript代码进行验证。如提供的...
jquery 判断checkbox状态
weixin_33725126的博客
03-27 80
判断： $("#id").is(":checked") 设置：$("#id").prop('checked',true); 移除：$("#id").removeProp('checked',true); 　　　　$("#id").removeAttr('checked',true); 转载于:https://www.cnblogs.com/leiyunjn/p/5326158...
QT 三态复选框
最新发布
qq_60392176的博客
06-12 295
三态复选框（Tri-state Checkbox）是一种具有三种状态的复选框控件，这三种状态分别为：未选态（Unchecked）、被选态（Checked）和半选态（Partially Checked）。综上所述，三态复选框是一种具有未选态、被选态和半选态三种状态的复选框控件，它在处理复杂选择关系时非常有用，并提供了一种直观的方式来表示部分选择的状态。
checkbox多选框选择判断
weixin_34268310的博客
08-05 622
全选<input type="checkbox" name="select" id="select" value="checkbox" onclick="selectAllCheckBox(this);" /> <input type='checkbox' name='id' value='"+list[i].id+"'/> var arr = $(...
判断多选框等是否是选中状态
aliven1的博客
12-28 2619
$.each(checkboxall,function(){ var that=$(this);console.log('1') if(that.is(':checked')){ console.log('c') }; });
判断多个复选框被选中状态（两种方式）
圆野的博客
09-14 1万+
$(document).on("click","#historya",function(){ //创建数组 var checkedList = new Array(); //两种判断type=checkbox方式 //第一种..................................... // if(checkedList.l...
PHP判断表单复选框选中状态完整例子
01-21
网页表单中经常用到复选框，那么如何用PHP来判断提交的表单中哪些复选框被选中，并读取其中的数据呢。 首先建立一个表单：form.html 复制代码 代码如下:<form action=checkbox.php method=post> <input ...
javascript统计，判断多选框checkbox数量,
04-21
在JavaScript编程中，多选框（checkbox）是网页表单中常见的一种元素，常用于让用户选择多个选项。本文将深入探讨如何使用JavaScript来统计多选框的数量，并根据用户的选择重新组织新的数据。 首先，让我们理解多选...
下拉多选框（使用popupwindow实现）
04-25
在Android开发中，下拉多选框是一种常见的用户交互组件，它允许用户在多个选项中进行选择，且这些选项可以通过一个可折叠的弹出窗口显示。在这个案例中，开发者使用了PopupWindow来实现这一功能。PopupWindow是...
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
01-19
jQuery判断checkbox（复选框）是否被选中：if($(“#id”).attr(“checked”)==true) jQuery实现checkbox（复选框）选中、全选/反选代码： 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional/...
多选下拉的CheckBoxList
03-18
下拉checkboxList实现多选效果
关于CheckBox全选以及反选还有单选，多选的逻辑实现
天麟江的博客
12-01 1229
关于CheckBox全选以及反选还有单选，多选的逻辑实现 首先看下最终的实现效果： 首先，我们来实现CheckBox的选中，这里首先要给CheckBox设置下：android:descendantFocusability="blocksDescendants"官方的解释： 翻译过来就是：         beforeDescendants：viewgroup会优先其子类
多选框的判断
自律给我自由
04-11 436
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;多选框的判断&lt;/title&gt; &lt;script&gt; function judge(){ var obj=document.getElementsByName("cb&qu
关于复选框选中状态的判断
旧城的博客
11-07 928
转载的原文链接不记得了 1.checked的选中状态 不设置checked是默认不被选中的， 一旦设置checked="false"或者checked = false或者checked="true"或者checked = true或者不设置任何值，都会被解释为选中。 <input type="checkbox" name="test" id="test1"/> //未被选中 &lt...
jquery灵活操作复选框(checkbox)操作汇总（获取值，判断是否选中，全选，取消全选等）
qq_37555524的博客
09-21 358
复选框（Checkbox)是我们在开发Web系统中最常用的控件之一，但对于很多开发朋友来说，特别是从事ASP.NET开发的朋友来说，可能以前用惯了服务器端控件，对于如何正确的使用js或者说jquery...
多选框设置选中状态及不可修改状态jQuery
qinduan007的博客
06-19 1795
多选框设置选中状态及不可修改状态jQuery 复选框如何获取到被选中的: 复选框如何让其默认被选中: 复选框如何让其默认选中并且不能操作更改: readonly: 给复选框设置readonly属性对复选框无用， disable:设置disable属性可以达到禁用的目的，但是多选框会变为灰色，原本的颜色会失效 如果想要达到用户无法操作的目的，又不想改变颜色可以添加 οnclick=" return false;" 小朋友们注意false后面的分号哦，缺少了就没有效果的哦 ...
MFC中CheckBox的状态判断
热门推荐
tianxia_rwx的博客
11-06 3万+
MFC中复选框Checkbox控件，查找到有四种方法可对其进行操作。 　　1，利用CButton成员函数GetCheck和SetCheck。 　　2，利用CWnd成员函数IsDlgButtonChecked。 　　3，把CheckBox复选框控件与Value类别BOOL型变量相关联。 　　4，把CheckBox复选框控件与Control类别CButton类型变量相关联。
怎么判断单选 复选框的选中状态
木槿之夏
12-01 3327
jquery 根据name属性查找 (“div[id]”)选择所有含有id属性的div元素；(“div[id]”)选择所有含有id属性的div元素 ； (“input[type=’radio’]”) 选择页面中的type为单选的元素 $(“input[name=’a’]”)；选出所有name为a的input元素；jquery中怎么判断单选按钮和复选按钮被选中
Element Checkbox 多选框点击一个导致全选
06-07
您可以通过监听每个多选框的点击事件，然后根据当前点击的多选框的状态，来决定是否将所有多选框都选中或者取消选中。以下是一份示例代码： ```html <!-- HTML 代码 --> <input type="checkbox" id="select-all"> 全选 <input type="checkbox" class="checkbox-item"> 多选框1 <input type="checkbox" class="checkbox-item"> 多选框2 <input type="checkbox" class="checkbox-item"> 多选框3 ``` ```javascript // JavaScript 代码 const selectAllCheckbox = document.getElementById('select-all'); const checkboxItems = document.querySelectorAll('.checkbox-item'); selectAllCheckbox.addEventListener('click', function() { for (let i = 0; i < checkboxItems.length; i++) { checkboxItems[i].checked = this.checked; } }); for (let i = 0; i < checkboxItems.length; i++) { checkboxItems[i].addEventListener('click', function() { let isAllChecked = true; for (let j = 0; j < checkboxItems.length; j++) { if (!checkboxItems[j].checked) { isAllChecked = false; break; } } selectAllCheckbox.checked = isAllChecked; }); } ``` 这里我们首先获取到全选多选框和每个子多选框，然后监听全选多选框的点击事件，在点击时将所有子多选框的状态设置为全选多选框的状态。 同时，我们也监听每个子多选框的点击事件，在点击时判断是否需要更新全选多选框的状态。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值