常用js总结
通过radio来显示/隐藏一个div
<div id="ArbAcei" > <br/> 有无不良反应停药 <input type="radio" name="blfyty" value="y"/>有 <input type="radio" name="blfyty" value="n" checked="true" />无 <div id="ty_reason" style="display:none"> 原因是<br> <input type="checkbox" name="ty_reason" value="阿司匹林过敏"/>阿司匹林过敏 <br> <input type="checkbox" name="ty_reason" value="胃溃疡"/>胃溃疡 <br> <input type="checkbox" name="ty_reason" value="十二指肠溃疡"/>十二指肠溃疡<br> <input type="checkbox" name="ty_reason" value="血小板减少"/>血小板减少<br> <input type="checkbox" name="ty_reason" value="阿司匹林过敏"/>阿司匹林过敏<br> 其他: <input type="text" name="ty_reason_qt"> <br> </div> </div>
引入的js
$(document).ready(function(){ $("input[name='blfyty']").bind("click",function(){ //停药原因 radioEvent_ty_reason($(this)); }); });
function radioEvent_ty_reason(e){ if("blfyty"==e.attr("name")){ if("y"==e.val()){ $("#ty_reason").attr("style","display:''"); }else{ $("#ty_reason").attr("style","display:none"); } } }
另外
$("input[name='blfyty']") 是给所有name为blfyty的input加上一个事件
$(":radio") 是给所有type为radio的加上事件
然后我们在对应的函数里,加上e.attr("name") 就可以获得到底是那组radio被点击了
再另外 有$(":radio")自然就还有$(":checkbox")
请参见http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
第二种获得radio的反应事件
<span style="white-space:pre"> </span> <div id="fyql" style="display:none"> 运用阿司匹林后胃肠道反应强烈 <input type="radio" name="fyql" onclick="ty_reason_fyql(this);" value="强烈"/>强烈 <input type="radio" name="fyql" onclick="ty_reason_fyql(this);" value="不强烈"/>不强烈 <br> </div> <div id="fyql_y" style="display:none"> <font color="red">请选择ADP受体拮抗剂 </font> </div>
js
function ty_reason_fyql(e){ if("强烈"==e.value){ $("#fyql_y").attr("style","display:''"); }else{ $("#fyql_y").attr("style","display:none"); } }
对复选框中的某一个框 区分点击与取消事件
<div id="ty_reason" style="display:none"> 原因是<br> <input type="checkbox" name="ty_reason" onclick="ty_reason_gm(this);" value="阿司匹林过敏"/>阿司匹林过敏 <br> <input type="checkbox" name="ty_reason" value="胃溃疡"/>胃溃疡 <br> <input type="checkbox" name="ty_reason" value="十二指肠溃疡"/>十二指肠溃疡<br> <input type="checkbox" name="ty_reason" value="血小板减少"/>血小板减少<br> <input type="checkbox" name="ty_reason" value="阿司匹林过敏"/>阿司匹林过敏<br> 其他: <input type="text" name="ty_reason_qt"> <br> </div>
js
function ty_reason_gm(e){ if(e.checked){ alert("yes") }else{ alert("no"); } }
另外 结合
$(":checkbox").bind("click",function(){ xx(this); //这里这个this 指的是dom对象 }); function xx(e){ //这个$(e) 是获得封装的jquery对象 if("ty_reason"==$(e).attr("name")){ //checed 是dom对象的属性 if(e.checked){ alert("我选了"+e.value) }else{ alert("我取消了"+e.value) } } }
就能给每个checkbox加上是否点击事件
若干组radio,只有有一组选了是,就如何如何
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script src="js/jquery1.7.js"></script> </head> <body> <form action=""> 是否存在以下不适合应用阿司匹林的情况<br> 胃肠道出血 <input type="radio" name="aspl" value="是" > 是 <input type="radio" name="aspl" value="否" > 否<br> 胃溃疡 <input type="radio" name="wky" value="是" > 是 <input type="radio" name="wky" value="否" > 否<br> 十二指肠溃疡 <input type="radio" name="sez" value="是" > 是 <input type="radio" name="sez" value="否" > 否<br> <div id="yes" style="display:none"> 根据医生评估患者病情给予用药,挽救患者生命为第一位 </div> <div id="no" style="display:none"> 立即给予阿司匹林300mg嚼服 </div> </form> </body> <script type="text/javascript"> $(function(){ $(":radio").click(function(){ check(); }); }); function check(){ var radiolist= $('input:radio:checked'); var show=true; for(var i=0;i<radiolist.length;i++){ if(radiolist[i].value=='是'){ $("#yes").show(); $("#no").hide(); show=false; } } if(show){ $("#no").show(); $("#yes").hide(); } } </script> </html>
上面的效果是
以上任意选项为是,则根据医生评估患者病情给予用药,挽救患者生命为第一位
如果均为否,则应立即给予阿司匹林300mg嚼服
再另外
var radiolist= $('input:radio.adp:checked');
这是什么意思?
选取class为app的已选的radio
form的提交
<body> <form id="form" method="post"> 评估是否存在<br> 糖尿病肾损伤(GFR<60ml/min/1.73mm) <input type="checkbox" name="x" ><br> 左室功能受损 <input type="checkbox" name="x" ><br> 之前行冠状动脉搭桥术 <input type="checkbox" name="x" ><br> GRACE评分在109~140 <input type="checkbox" name="x" ><br> <input type="button" value="下一步" onclick="xx()" > </form> </body>
function xx() { var list=document.getElementsByTagName("input"); var form=window.form; for(var i=0;i<list.length;i++){ if(list[i].checked){ form.action="modules/jxgxb/ycpci.jsp"; form.submit(); return; } } var k=0; for(var i=0;i<list.length-1;i++){ if(!list[i].checked){ k++; } } if(k==4){ form.action="modules/jxgxb/ywzl.jsp"; form.submit(); } }
页面跳转方式
self.location.href="modules/jxgxb/ybcl_no.jsp";
常用js总结的更多相关文章
- 常用js方法
function dateGetter(name, size, offset, trim) { offset = offset || 0; return function (date) { var v ...
- 常用JS正则表达式
常用JS正则表达式 收集一些常用的JavaScript正则表达式匹配规则,比如匹配电话号码.Email.中文字符.身份证号.邮编.QQ号.过滤空白行.匹配特定数字等.觉得这玩意是很有用的,只不过自己水 ...
- 常用js方法整理common.js
项目中常用js方法整理成了common.js var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data ...
- 原生JS研究:学习jquery源码,收集整理常用JS函数
原生JS研究:学习jquery源码,收集整理常用JS函数: 1. JS获取原生class(getElementsByClass) 转自:http://blog.csdn.net/kongjiea/ar ...
- 项目中常用js方法整理common.js
抽空把项目中常用js方法整理成了common.js,都是网上搜集而来的,大家一起分享吧. var h = {}; h.get = function (url, data, ok, error) { $ ...
- 常用js正则表达式大全
常用js正则表达式大全.一.校验数字的js正则表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和 ...
- api日常总结:前端常用js函数和CSS常用技巧
我的移动端media html{font-size:10px} @media screen and (min-width:321px) and (max-width:375px){html{font- ...
- web前端关于html转义符的常用js函数
web前端关于html转义符的常用js函数 //去掉html标签 function removeHtmlTab(tab) { return tab.replace(/<[^<>]+? ...
- 基础常用JS函数和语法
100多个基础常用JS函数和语法集合大全 来源:http://www.cnblogs.com/hnyei/p/4605103.html 网站特效离不开脚本,javascript是最常用的脚本语言,我 ...
- 前端常用js脚本
常用js整理 //获取Url中的参数值 function getQueryString(name) { var reg = new RegExp("(^|&)" + nam ...
随机推荐
- css坑了我一下下之line-height
文字上下有间隙该怎么解决 一次很搞笑的真实经历. 我:文字上下有间隙该怎么解决? 大佬A:什么意思? 大佬B:字体的原因吧. 大佬B:MD 谁看那么细. 我:跟别的图片对不齐. 真·大佬:这个我知道. ...
- H3C交换机如何配置管理VLAN
1.输入"system-view"(简写"sys"),进入系统配置模式[H3C],2.下面就可以开始取消默认管理vlan了,输入"undo inter ...
- instanceof的用法
转载自:http://blog.csdn.net/cnmilan/article/details/41696093package myPackage; /** * instanceof运算符用法 * ...
- JavaScript反调试技巧
一.函数重定义 这是一种最基本也是最常用的代码反调试技术了.在JavaScript中,我们可以对用于收集信息的函数进行重定义.比如说,console.log()函数可以用来收集函数和变量等信息,并将其 ...
- WEB中间件--Jboss未授权访问,
1,Jboss未授权访问部署木马 发现存在Jboss默认页面,点进控制页 点击 Jboss.deployment 进入应用部署页面 也可以直接输入此URL进入 http://www.ctfswiki. ...
- webstorm 设置uglify 压缩js文件
第一步:打开npm,全局安装 npm install uglify-js -g 第二步: 打开webstorm的file->settings ->External Tools,点击左上角的 ...
- git报错:'fatal:remote origin already exists'怎么处理?附上git常用操作以及说明。
git添加远程库的时候有可能出现如下的错误, 怎么解决? 只要两步: 1.先删除 $ git remote rm origin 2.再次执行添加就可以了. ---------------------- ...
- Jenkins执行批处理文件、powershell失败
今天搭建Jenkins持续集成环境,编译环境是.net core.整理了一些发布的命令配置在Jenkins,问题来了,使用powershell插件运行dotnet restore.dotnet bui ...
- Python自动化测试入门
在当前自动化测试中,最火的语言就是Python,很容易上手.然后就是Java+testng+appium做的UI自动化测试.下面我们就用Python脚本,做自动化集成测试. (1)获取APK文件中ID ...
- 如何在控制台切换Xcode的版本
打开控制台,输入 xcode-select -p 你可以看到当前Xcode所使用的版本路径,比如本猫的输出为: /Applications/Xcode-beta.app/Contents/Develo ...