减加乘除全选不选dom验证
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" language="JavaScript">
</script>
<script>
function func1(){
alert("相加");
var yi = document.getElementById("yi").value;
var er = document.getElementById("er").value;
var he = document.getElementById("he");
he.value = parseInt(yi) + parseInt(er);
}
function func2(){
alert("减法");
var yi = document.getElementById("yi").value;
var er = document.getElementById("er").value;
var he = document.getElementById("he");
he.value = parseInt(yi) - parseInt(er);
}
function func3(){
alert("乘法");
var yi = document.getElementById("yi").value;
var er = document.getElementById("er").value;
var he = document.getElementById("he");
he.value = parseInt(yi) * parseInt(er);
}
function func4(){
alert("除");
var yi = document.getElementById("yi").value;
var er = document.getElementById("er").value;
var he = document.getElementById("he");
he.value = parseInt(yi) / parseInt(er);
}
function qucch(){
var tr = document.getElementById("cch").checked;
var fu = document.getElementsByName("cc");
for (var i = 0; i < fu.length; i++) {
fu[i].checked = tr;
}
}
function quan(){
var fu = document.getElementsByName("cc");
for (var i = 0; i < fu.length; i++) {
fu[i].checked = true;
}
}
function quanbu(){
var fu = document.getElementsByName("cc");
for (var i = 0; i < fu.length; i++) {
fu[i].checked = false;
}
}
function fan(){
var fu = document.getElementsByName("cc");
for (var i = 0; i < fu.length; i++) {
fu[i].checked =! fu[i].checked;
}
}
function tijiao(){
var youxiang = document.getElementById("youxiang").value;
var you = document.getElementById("you");
if(youxiang.length >= 6 && youxiang.length <= 18){
you.innerText= "";
}else{
you.innerText="必须6~18位之间";
}
var paws1 = document.getElementById("paws1").value;
var paw1 = document.getElementById("paw1");
if(paws1.length<6 || paws1.length>16 ){
paw1.innerText="必须6~16位之间";
}else{
paw1.innerText= "";
}
var paws2 = document.getElementById("paws2").value;
var paw2 = document.getElementById("paw2");
if(paws1 != paws2 ){
paw2.innerText="不相同";
}else{
paw2.innerText= "";
}
var shouji = document.getElementById("shouji").value;
var tel1 = document.getElementById("tel1");
if(shouji.length == 11){
tel1.innerText="";
}else{
tel1.innerText="手机号不对,要十一位";
}
}
/*function yabdsg(){
alert("是广东省高速宽带");
boolean end=false;
int s;
Random ran=new Random();
do{
s=ran.nextInt(9999);
if(1000<s && s<9999){
end=true;
}
}while(!end);
alert(s);
var yanzheng = document.getElementById("yanzheng").value;
yanzheng = parseInt(s);
}*/
</script>
</head>
<body>
第一个数: <input type="text" id="yi" />
第二个数: <input type="text" id="er" />
<input type="button" οnclick="func1()" value="+" />
<input type="button" οnclick="func2()" value="-" />
<input type="button" οnclick="func3()" value="*" />
<input type="button" οnclick="func4()" value="/" />
结果:<input type="text" id="he" />
<br /><br /><br /><br />
大爱薛之谦: <input type="checkbox" οnclick="qucch()" id="cch" /><br />
《你还要我怎样》<input type="checkbox" name="cc" /><br />
《我害怕》<input type="checkbox" name="cc" /><br />
《其实》<input type="checkbox" name="cc" /><br />
《方圆几里》<input type="checkbox" name="cc" /><br />
《深深的爱过你》<input type="checkbox" name="cc" /><br />
《绅士》<input type="checkbox" name="cc" /><br />
《婚礼的祝福》<input type="checkbox" name="cc" /><br />
《等我回家》<input type="checkbox" name="cc" /><br />
《一半》<input type="checkbox" name="cc" /><br />
《别》<input type="checkbox" name="cc" /><br />
《渡》<input type="checkbox" name="cc" /><br />
《天后》<input type="checkbox" name="cc" /><br />
<br />
<input type="button" οnclick="quan()" value="全选" />
<input type="button" οnclick="quanbu()" value="全不选" />
<input type="button" οnclick="fan()" value="反选" />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<form action="guimei.html">
<table>
<tr>
<td><span id="xing">* </span>邮箱地址  </td>
<td><input type="text" id="youxiang"/></td>
</tr>
<tr>
<td colspan="2"><span id="you"></span></td>
</tr>
<tr>
<td><span id="xing">* </span>密码  </td>
<td><input type="password" id="paws1" /></td>
</tr>
<tr>
<td colspan="2"><span id="paw1"></span></td>
</tr>
<tr>
<td><span id="xing">* </span>确认密码  </td>
<td><input type="password" id="paws2" /></td>
</tr>
<tr>
<td colspan="2"><span id="paw2"></span></td>
</tr>
<tr>
<td><span id="xing">* </span>手机号码  </td>
<td><input type="tel" id="shouji" /></td>
</tr>
<tr>
<td colspan="2"><span id="tel1"></span></td>
</tr>
<tr>
<td><span id="xing">* </span>验证码  </td>
<td><input type="text" />  <input type="text" id="yanzheng" /></td>
</tr>
<tr>
<td colspan="2"><span id="yan"></span></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" value="免费获取验证码" /></td>
</tr>
<tr>
<td><span id="xing">* </span>短信验证码  </td>
<td><input type="text" /></td>
</tr>
<tr>
<td colspan="2"><span id="duanxin"></span></td>
</tr>
</table>
<input type="button" value="提交" οnclick="tijiao()" />
</form>
</center>
</body>
</html>
减加乘除全选不选dom验证相关推荐
- JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷 哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
- 全选快捷键ctrl加什么 全选快捷键ctrl加哪个键 全选是ctrl加什么?
全选快捷键ctrl加什么 全选快捷键ctrl加哪个键 1.word全选快捷键"ctrl+A".在word文档中,点击"ctrl+A"两个键,即可选中全部内容. ...
- element ui 树形-懒加载-表格-多选 勾选问题
element ui树形表格如下: 它的数据格式为:使用children字段来存放子级数据 tableData: [{id: 1,date: "2016-05-02",name: ...
- JavaScript学习笔记07【6个经典案例——电灯开关、轮播图、自动跳转首页、动态表格、表格全选、表单验证】
Java后端 学习路线 笔记汇总表[黑马程序员] w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符. ...
- VUE:checkbox 单选框(单选、多选)、一选全选 / 全选一选、表格单选列实现
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 效果:如红框中部分. 一选全选:表头上的单选框选中则下面每行都选中. 全选一选:表中数据每行都 ...
- php 复选框 单选 全选,复选框全选/不全选,选择结果提交
$(function(){ $("#CheckedAll").click(function(){ if(this.checked) //如果当前点击的多选框被选中 { $('inp ...
- 复选框全选效果,根据单个复选框的选择情况确定全选复选框是否被选
复选框全选与全不选效果 逻辑:复选框的checked属性与复选框全选效果对应起来,全选复选框checked:true 时,全部复选框checked:true: 全选框checked:false 时,全 ...
- el-select 结合 el-checkBox 实现下拉全选+多选功能;el-select下拉框全选功能;
原文链接 el-select选择框也有多选功能,但是没有全选.故需要改造一下,el-select 结合 el-checkBox 实现下拉全选+多选功能. 代码如下,可直接复制使用: <!--* ...
- 大数高精度加减、乘除、开根(C++版全套最详细、最易懂)
大数高精度加减.乘除.开根 一.前面铺垫 二.加法 三.减法 四.乘法 五.除法 六.开根(待完善) 大数高精度加减乘除主要用在超过long型的数字计算(比如1000位数), 最基本的思路就是换成 ...
最新文章
- 开源库jemalloc简介
- Struts2配置struts.xml文件
- cocoaPods的配置
- CRF++命名实体识别(NER)初步试探
- numpy常用函数(power、sum、tile、transpose等)
- 从零开始学习docker(五)网络的另外两种类型host,none
- 二叉树为空意味着二叉树_不怕面试被问了!二叉树算法大盘点
- Python中的运算符是什么?本文详解!
- pytorch dataset读取数据流程_10条PyTorch避坑指南
- 波卡二层扩容协议Plasm Network已准备连接到即将推出的Rococo V1
- gns3中怎么把服务器虚拟化,GNS3使用详解(gns3如何模拟ids)
- 如何有效挖掘客户需求
- 电子设计教程6:TL431基准电压芯片的原理与典型应用
- Mysql重复数据查重保留一条
- 域名注册必须实名认证 《互联网域名管理办法》11月1日实施
- 华为云服务器配置过程
- 手机计算机隐藏,手机计算机自带的隐藏功能,我也是现在才知道,功能比你想得多...
- matlab制作天体运动动画,天体运动 动态演示
- MySQL中length()、char_length()的区别和用法
- 韬光逐薮 含章未曜#新学期 新FLAG#
热门文章
- 数字人度晓晓AI画作卖出17万元,飞桨文心大模型推动AIGC时代到来
- 基于Java实现的中文分词系统
- 12天背诵楞严咒的技巧_如何背诵楞严咒?背诵楞严咒的诀窍
- 12天背诵楞严咒的技巧_楞严咒快速背诵方法,我试了n种,最后选择了这些土方法...
- 递增的三元子序列(来源力扣)
- 【滑窗】B024_LC_和相同的二元子数组(暴力前缀和 / map 优化)
- CTF怎么快速入门?
- virtual box 导入vdi虚拟系统文件.
- 监控域名证书到期时间
- 马斯克身家超马云,网友:看完他的履历后一点也不惊讶