(由www.169it.com搜集整理)

在PHP中,html复选框checkbox被选中,则提交的值是on,否则就是空,所以可以通过value值判断是否被选中。在JavaScript中,貌似不管您选还是没选中,value总是显示on,所以不能通过value判断,要检测checked的值,如果复选框被选中,则obj.checked = true否则就是false。

那么如何判定一组复选框是否有被选中的呢?

既然称为复选框组,必然是含有相同的name了,所以通过getElementsByName获取这组复选框,在for循环中依次判断。

例如,见下面的HTML代码:圣诞节

股市

阿凡达

十月围城

水价上调

相应的JavaScript代码为:var btn = document.getElementById("btn");

var test = document.getElementsByName("test");

btn.onclick = function(){

for(var i=1; i<=test.length; i+=1){

if(test[i-1].checked){

alert("当前有选中!");

return;

}

}

alert("一个也没有选!");

};

如何使用javascript来设置checkbox的选中状态

首先,同个区域的checkbox都取相同名称,即

假设为ck.

处理区域的按钮的单击事件onclick

function selectAll() {

var cks = document.getElementsByName("ck");

for(var i = 0; i < cks.length; i++) {

if(cks[i].type == "checkbox") {

cks[i].checked = true;

}

}

}

php 获取checkbox是否选中,javascript操作html复选框checkbox:如何判断复选框是否被选中...相关推荐

  1. 获取复选框的状态判断复选框是否选中状态

    判断复选框是否选中状态 推荐两种方法的使用 第一种是prop('checked'); 示例代码 <input type="checkbox" id="checks& ...

  2. 在js中动态的判断复选框是否选中

    用元素.checked判断. html: <input type="checkbox" class="xuanze" /> js: //获取元素(不 ...

  3. jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等

    jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等 一.checked属性定义 先了解下input标签的checked属性: 1.HTML &l ...

  4. js,jquery获取复选框checkbox被选中的值

    转载:https://blog.csdn.net/qq_35792598/article/details/76646983 <!DOCTYPE html PUBLIC "-//W3C/ ...

  5. jquery获取复选框checkbox被选中的值

    获取复选框基本操作 html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h ...

  6. jq设置checked是否选中_jQuery对checkbox复选框操作:判断是否选中等

    <jQuery对checkBox复选框操作:判断是否选中等>要点: 本文介绍了jQuery对checkBox复选框操作:判断是否选中等,希望对您有用.如果有疑问,可以联系我们. 一.jqu ...

  7. 转 JavaScript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)...

    收藏一下 1.判断select选项中 是否存在Value="paraValue"的Item 2.向select选项中 加入一个Item 3.从select选项中 删除一个Item ...

  8. Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)...

    1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除selec ...

  9. 如何用JavaScript操作form表单组件?

    一.用JavaScript操作按钮: <!DOCTYPE html> <html><head><meta charset="UTF-8"& ...

最新文章

  1. Electron 实战桌面计算器应用
  2. ByteArrayOutputStream
  3. 【NLP】竞赛必备的NLP库
  4. MySQL【环境搭建 01】Linux root 用户部署 mysql-5.7.28 及 not allowed to connect to this MySQL server 和中文乱码问题处理
  5. 在某公司用到一些shell
  6. Netty学习笔记(三)EventLoopGroup开篇
  7. Django 学习资源
  8. Sql Server之旅——第十二站 sqltext的参数化处理
  9. html基础 — area(图像的作用区域标记)
  10. ORA-01045:user C##KD lacks CREATE SESSION privilege;logon denied
  11. 80行Python代码搞定全国区划代码
  12. 桌面显卡和CPU性能天梯图
  13. 【SSH进阶之路】Spring简介,搭建Spring环境——轻量级容器框架(一)
  14. 没“硬货”!不卖手机的苹果做起了信用卡和脱口秀
  15. 寻找真实IP-子域名查找
  16. QQ浏览器是如何提升搜索相关性的?
  17. 海思HI3516 MIPI屏幕调试笔记
  18. gdal-ogr2ogr空间数据转换
  19. Vue3.0手脚架搭建
  20. mysql映射mapper_这下够清楚了吧!详解Mybatis的Mapper映射文件

热门文章

  1. 再写一些关于风花雪月的散文
  2. [负数在内存中的存储] 0x80000000 = -2147483648
  3. 从servlet传值到jsp页面
  4. 我以为面试官要问我八股文,可惜大意了没有闪之场景题
  5. Laetus控制器维修20C-A323包装机控制模块
  6. x86汇编_MASM的IF伪指令_笔记44
  7. 和大家分享几个最赚钱的行业
  8. 专利费减备案操作流程——让你申请专利时的官费大大打折
  9. ★☆【平衡二叉树】【倍增】会议中心
  10. vs 2013清理当前所有的ipch文件夹与sdf