常用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>

	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>

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 ...

随机推荐

Java的数组排序
对数组进行排序使用到的排序算法有: 1 选择排序 2 冒泡排序 3 插入排序 4 JavaAPI提高排序算法选择排序的原理: 1 将数组中每个元素与第一个元素比较,如果这个元素小于第 ...
81. Search in Rotated Sorted Array II (中等)
Suppose an array sorted in ascending order is rotated at some pivot unknown to you beforehand. (i.e. ...
Python3 标准库概览
操作系统接口 os模块提供了不少与操作系统相关联的函数. >>> import os >>> os.getcwd() # 返回当前的工作目录 'C:\\Python ...
Jmeter(二十)_Mock接口
首先解释一下什么是mock接口. Mock通常是指,在测试一个对象时,我们构造一些假的对象来模拟与其交互.而这些Mock对象的行为是我们事先设定且符合预期.通过这些Mock对象来测试对象在正常逻辑,异 ...
Gradle 1.12用户指南翻译——第四十九章. Build Dashboard 插件
本文由CSDN博客貌似掉线翻译,其他章节的翻译请参见: http://blog.csdn.net/column/details/gradle-translation.html 翻译项目请关注Githu ...
Touch 方法&属性映射工具
Touch 方法&属性映射工具(0.5 版本) 标签 : github 线上后门与接口调试: 原先需要测试一个接口(如Dubbo.DAO), 或为线上留后门, 需要写大量的Web层(Api. ...
两种利用GCD实现分步获取结果的方式和SDWebImage缓存机制的验证
前段时间写界面,因为数据的请求分成了两部分,所以用到了多线程,实现数据的分步请求,然后自己写了一个Demo,用两种方式实现分步获取内容,其中也包含了验证SDWebImage这个库的缓存机制,在这里给大 ...
FLAnimatedImage -ios gif图片加载框架介绍
简介 FLAnimatedImage 是 Flipboard 团队开发的在它们 App 中渲染 GIF 图片使用的库. 后来 Flipboard 将 FLAnimatedImage 开源出来供大家使用 ...
自定义一个View作为弹出对话框
public void dialog(){ //获得布局对象 View view = LayoutInflater.from(getActivity()).inflate(R.layout.dialo ...
微信小程序基础之创建使用教程
本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志. 1. 获取 ...