php 获取checkbox是否选中,javascript操作html复选框checkbox:如何判断复选框是否被选中...
(由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:如何判断复选框是否被选中...相关推荐
- 获取复选框的状态判断复选框是否选中状态
判断复选框是否选中状态 推荐两种方法的使用 第一种是prop('checked'); 示例代码 <input type="checkbox" id="checks& ...
- 在js中动态的判断复选框是否选中
用元素.checked判断. html: <input type="checkbox" class="xuanze" /> js: //获取元素(不 ...
- jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等 一.checked属性定义 先了解下input标签的checked属性: 1.HTML &l ...
- js,jquery获取复选框checkbox被选中的值
转载:https://blog.csdn.net/qq_35792598/article/details/76646983 <!DOCTYPE html PUBLIC "-//W3C/ ...
- jquery获取复选框checkbox被选中的值
获取复选框基本操作 html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h ...
- jq设置checked是否选中_jQuery对checkbox复选框操作:判断是否选中等
<jQuery对checkBox复选框操作:判断是否选中等>要点: 本文介绍了jQuery对checkBox复选框操作:判断是否选中等,希望对您有用.如果有疑问,可以联系我们. 一.jqu ...
- 转 JavaScript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)...
收藏一下 1.判断select选项中 是否存在Value="paraValue"的Item 2.向select选项中 加入一个Item 3.从select选项中 删除一个Item ...
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)...
1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除selec ...
- 如何用JavaScript操作form表单组件?
一.用JavaScript操作按钮: <!DOCTYPE html> <html><head><meta charset="UTF-8"& ...
最新文章
- Electron 实战桌面计算器应用
- ByteArrayOutputStream
- 【NLP】竞赛必备的NLP库
- MySQL【环境搭建 01】Linux root 用户部署 mysql-5.7.28 及 not allowed to connect to this MySQL server 和中文乱码问题处理
- 在某公司用到一些shell
- Netty学习笔记(三)EventLoopGroup开篇
- Django 学习资源
- Sql Server之旅——第十二站 sqltext的参数化处理
- html基础 — area(图像的作用区域标记)
- ORA-01045:user C##KD lacks CREATE SESSION privilege;logon denied
- 80行Python代码搞定全国区划代码
- 桌面显卡和CPU性能天梯图
- 【SSH进阶之路】Spring简介,搭建Spring环境——轻量级容器框架(一)
- 没“硬货”!不卖手机的苹果做起了信用卡和脱口秀
- 寻找真实IP-子域名查找
- QQ浏览器是如何提升搜索相关性的?
- 海思HI3516 MIPI屏幕调试笔记
- gdal-ogr2ogr空间数据转换
- Vue3.0手脚架搭建
- mysql映射mapper_这下够清楚了吧!详解Mybatis的Mapper映射文件