radio 性别（可取消选择）

来源：互联网发布：cog数据库官网编辑：程序博客网时间：2024/06/05 02:43

顺便介绍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" onclick="unchecked(this);"/>男    <input type="radio" name="genal2" value="woman" onclick="unchecked(this);"/> 女<br/>      </body></html>

0 0