JS checkbox 选中事件
原文地址为: JS checkbox 选中事件
<html>
<script>
function SelectLeastOne(){objName= document.getElementById("myform") for (i=0; i<objName.length; i++){if (objName[i].type=="checkbox" && objName[i].checked){ alert('你选中了'+(i+1)); }}
}
</script>
<form name="myform" method="post" onSubmit="">
<input type="checkbox" name="checkbox" value="checkbox">1
<input type="checkbox" name="checkbox" value="checkbox">2
<input type="checkbox" name="checkbox" value="checkbox">3
<input type="checkbox" name="checkbox" value="checkbox">4
<input type="button" name="Submit" value="Submit" οnclick="SelectLeastOne()" />
</form>
</html>
今天做一个类似邮件的多选操作时用到了复选框,有关验证与取值以前也做过,记的不是很清楚了,今天弄清白了,记录一下。
表单如下:
<form name="form1" action="test.jsp" method="post" οnsubmit="return checkData();">
<input name="checkall1" type="checkbox" value="0" onClick="checkAllBox(this);"/>全选<br>
<input name="answer" type="checkbox" value="a"/>A<br>
<input name="answer" type="checkbox" value="b"/>B<br>
<input name="answer" type="checkbox" value="c"/>C<br>
<input name="answer" type="checkbox" value="d"/>D<br>
<input name="answer" type="checkbox" value="e"/>E<br>
<input name="answer" type="checkbox" value="f"/>F<br>
</form>
全选及验证javascript如下:
<script type="text/javascript">
function checkAllBox(obj){
var answer= document.getElementsByName("answer");
if(obj.checked==true){
for(var i=0;i<answer.length;i++){
answer[i].checked = true;
}
}else{
for(var i=0;i<answer.length;i++){
answer[i].checked = false;
}
}
}
function checkData(){
var answer= document.getElementsByName("answer");
var flag = false;
for(var i=0;i<income.length;i++){
if(income[i].checked == true){
flag = true;
break;
}
}
if(!flag){
alert("请至少选择一项");
}
return flag;
}
</script>
test.jsp中取值如下:
String[] answer= request.getParameterValues("answer");//这里只取得了选中的项,如果没有选中任何一项,则为null
if(answer!=null){
for(String i:answer){
System.out.println(i);
}
}
转载请注明本文地址: JS checkbox 选中事件
JS checkbox 选中事件相关推荐
- checkbox jq 监听_「checkbox 选中事件」jquery checkbox 选中、改变状态、change 和 click 事件 - seo实验室...
checkbox 选中事件 jquery判断checked的三种方法: .attr('checked); //看版本1.6+返回:"checked"或"u ...
- android checkbox 选中事件_挖穿Android第四十九天
设置向导 完成第一个向导页面Setup1Activity的布局文件 - style样式介绍 - 用到的系统图片 android:drawableLeft="@android:drawable ...
- qt checkbox 选中事件_Qt基础知识学习
Qt基础知识学习 Qt C++ SQLite ★★★★★ Qt · 简介 Qt是由Qt Company开发的面向对象的跨平台C++图形用户界面应用程序开发框架. 前期 · 准备 01 辨析Qt(开 ...
- qt checkbox 选中事件_Qt学习笔记3(布局管理)
界面组件布局: Qt 的界面设计使用了布局(Layout)功能.所谓布局,就是界面上组件的排列方式,使用布局可以使组件有规则地分布,并且随着窗体大小变化自动地调整大小和相对位置. 界面组件的层次关系. ...
- [JS] checkbox 选中/全选/反选/不选
知识点: 1. jQuery: prop() 和 attr() attr('checked') 返回string类型 prop('checked') 返回Boolean类型 结论:$(" ...
- jQuery checkbox 选中事件小案例.
实现功能是jQuert复选框的一个勾选效果. 先创建视图写出大概布局 并且引入jQuery插件. 再对其添加stylr样式如下 呈现样式如下 先给button添加一个点击事件. 然后通过for循环遍 ...
- bootstrap checkbox选中事件
https://blog.csdn.net/liuxl_0205/article/details/89326260 bootstrap checkbox change状态获取 $("body ...
- qt checkbox 选中事件_丽声事件 | 十堰市第五届全国青少儿播音主持等级考试圆满落幕...
原标题:丽声事件 | 十堰市第五届全国青少儿播音主持等级考试圆满落幕 丽声考级圆满落幕 十堰市第五届全国青少儿播音主持等级考试于上周末在丽声播音主持学校圆满落幕,本次考级共有近300名学员报名参与. ...
- js checkbox 选中判断
var isSelect = "";isSelect = $("#tblImgList" + " input[type='checkbox']&quo ...
最新文章
- 原创,真正解决iframe高度自适应的问题.兼容各浏览器
- hdu 5339 Untitled【搜索】
- 全球IPv6网络6月6日正式启动
- vue经验 - 细节小知识点汇总(更新中...)
- DevOps到底是什么意思?
- JavaScript基础学习(二)—JavaScript基本概念
- display:inline-block带来的问题及解决办法
- 洛谷 p1434 滑雪【记忆化搜索】
- 每日算法系列【LeetCode 188】买卖股票的最佳时机 IV
- tween.js的使用
- MODFLOW Flex、GMS、FEFLOW、HYDRUS实践应用
- 高数笔记(十七):二重积分的概念、性质与计算,三重积分的概念、性质与计算
- spring cloud 的getway路由配置(网关配置)
- 有监督,无监督,半监督,弱监督、自监督学习
- k8s快速高可用部署 kubeadm 1.25.4
- php 微信服务号登录授权
- 快速了解PROFINET通讯协议以及相关产品如何解决客户现场实际问题
- 访问学者在中国和英国生活有哪些差异?
- 应用篇 | 你只有日K线数据,想要周K线?安排。
- Python 通过api操控鼠标键盘