通过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总结的更多相关文章

  1. 常用js方法

    function dateGetter(name, size, offset, trim) { offset = offset || 0; return function (date) { var v ...

  2. 常用JS正则表达式

    常用JS正则表达式 收集一些常用的JavaScript正则表达式匹配规则,比如匹配电话号码.Email.中文字符.身份证号.邮编.QQ号.过滤空白行.匹配特定数字等.觉得这玩意是很有用的,只不过自己水 ...

  3. 常用js方法整理common.js

    项目中常用js方法整理成了common.js var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data ...

  4. 原生JS研究：学习jquery源码，收集整理常用JS函数

    原生JS研究:学习jquery源码,收集整理常用JS函数: 1. JS获取原生class(getElementsByClass) 转自:http://blog.csdn.net/kongjiea/ar ...

  5. 项目中常用js方法整理common.js

    抽空把项目中常用js方法整理成了common.js,都是网上搜集而来的,大家一起分享吧. var h = {}; h.get = function (url, data, ok, error) { $ ...

  6. 常用js正则表达式大全

    常用js正则表达式大全.一.校验数字的js正则表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和 ...

  7. api日常总结：前端常用js函数和CSS常用技巧

    我的移动端media html{font-size:10px} @media screen and (min-width:321px) and (max-width:375px){html{font- ...

  8. web前端关于html转义符的常用js函数

    web前端关于html转义符的常用js函数 //去掉html标签 function removeHtmlTab(tab) { return tab.replace(/<[^<>]+? ...

  9. 基础常用JS函数和语法

    100多个基础常用JS函数和语法集合大全  来源:http://www.cnblogs.com/hnyei/p/4605103.html 网站特效离不开脚本,javascript是最常用的脚本语言,我 ...

  10. 前端常用js脚本

    常用js整理 //获取Url中的参数值 function getQueryString(name) { var reg = new RegExp("(^|&)" + nam ...

随机推荐

  1. JavaScript进阶-this

    1.什么是this? 当一个函数被调用时,会创建一个活动记录(有时候也称为执行上下文).这个记录会包 含函数在哪里被调用(调用栈).函数的调用方法.传入的参数等信息.this 就是记录的 其中一个属性 ...

  2. python文件转exe

    .py文件转exe文件 1.软件说明: 用python写一个视频处理软件,用到的库是moviepy 2.所用软件: Python 3.6.5 32位 pycharm  专门的python编辑ide,推 ...

  3. LeeCode

    No1. Given an array of integers, return indices of the two numbers such that they add up to a specif ...

  4. 【vuejs深入三】vue源码解析之二 htmlParse解析器的实现

    写在前面 一个好的架构需要经过血与火的历练,一个好的工程师需要经过无数项目的摧残. 昨天博主分析了一下在vue中,最为基础核心的api,parse函数,它的作用是将vue的模板字符串转换成ast,从而 ...

  5. linux加入Windows域-------本人生产环境上线所用

    为什么说要linux加域呢!    因为之前在公司是做vmware的,然后呢vmware的horizon桌面云虚拟化都是通过域来管理的,开始使用的都是Windows桌面,后来开发的人员说要使用linu ...

  6. textarea不能使用maxlength

    知道文本框有个maxlength属性,有次开发项目中使用了textarea标签,没去看文档,直接加了maxlength属性,且有效果没有报错,喜滋滋的用了,结果没两天就测试出了bug 问题描述:文本域 ...

  7. kafka简单回顾

    先说说遇到的坑 回顾下kafka topic:生产组:P0\P1----P14 一个消费组:c0 c1 c2 依据Consumer的负载均衡分配 消费顺序"c0:p0-p4 c1:p5-p9 ...

  8. map函数用法详解

    map函数是Python内置的高阶函数,它是一个典型的函数式编程例子.它的参数为: 一个函数function.一个或多个sequence.通过把函数function依次作用在sequence的每个元素 ...

  9. Dapper连接与事务的简单封装

    增删改查方面,已经有Dapper.Extension这么强大的工具了,我也实在没啥好写的,就随手写了个看起来比较优雅的连接与事务的封装.在之后使用Dapper.Extension类库时,完全可以照搬进 ...

  10. hive分区partition（动态和静态分区混合使用; partition的简介）

    分区是hive存放数据的一种方式.将列值作为目录来存放数据,就是一个分区.这样where中给出列值时,只需根据列值直接扫描对应目录下的数据,不扫面其他不关心的分区,快速定位,查询节省大量时间.分动态和 ...