radio 性别（可取消选择）

最新推荐文章于 2024-01-12 02:00:34 发布

SunMwei

最新推荐文章于 2024-01-12 02:00:34 发布

阅读量884

点赞数

分类专栏： Java jsp

本文链接：https://blog.csdn.net/SunMwei/article/details/50176197

版权

Java 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

jsp

2 篇文章 0 订阅

订阅专栏

顺便介绍Jquery的用法：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script type="text/javascript" src="<%=basePath%>JS/jquery-1.9.1.js"></script> 
<span style="background-color: rgb(204, 255, 255);">//引入JQuery，js文件在网上下，放入制定路径src="<%=basePath%>JS/jquery-1.9.1.js"下</span>
 
 <script type="text/javascript" language="JavaScript">

 $(document).ready(function(){
 	$(".tt").change(function(){
 		$(this).css("background-color","#FFFFCC");	
 		});
 		
 	$("input[type='radio']").change(function(){
 		alert("你确定？");
 		
 	});

 });
<span style="background-color: rgb(204, 255, 255);"> //设置可取消的radio</span>
 function unchecked(obj){
 	var radio = obj;
 	if(radio.tag==1){
 		radio.checked=false;
 		radio.tag=0;
 	}
 	else{
 		radio.checked=true;
 		radio.tag=1;
 	}
 }

 </script>
  </head>
  
  <body>
	姓名：<input type="text" name="name" value=" " class="tt"/><br/>
	性别：<input type="radio" name="genal1" value="man" οnclick="unchecked(this);"/>男
  	 	 <input type="radio" name="genal2" value="woman" οnclick="unchecked(this);"/> 女<br/>
  	 	 
  </body>
</html>

SunMwei

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
radio 性别（可取消选择）

顺便介绍Jquery的用法：<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> JS/jquery-1.9.1.js">
复制链接

扫一扫

专栏目录