<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实践题 - 选项卡</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(":submit").click(function(){
var radioLen = $(":radio:checked");
var type =radioLen.val();
if(radioLen.length ==0){
alert("请选择");
return false;
}
var txt =$.trim( $(":text[name='name']").val());
if(txt ==""){
alert("不能为空串");
return false;
}
$("<li>"+txt+"</li>").appendTo($("#"+type));
return false;
});
});
</script>
</head>
<body>
<ul id="city">
<li>武汉</li>
<li>北京</li>
<li>上海</li>
</ul>
<ul id="game">
<li>魔兽</li>
<li>红警</li>
<li>极速飞车</li>
</ul>
<form action="index.html" name="myform">
<input type="radio" name="type" value="city">城市
<input type="radio" name="type" value="game">游戏
name:<input type="text" name="name"/>
<input type="submit" value="Submit" id="submit"/>
</form>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>实践题 - 选项卡</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(":submit").click(function(){
var radioLen = $(":radio:checked");
var type =radioLen.val();
if(radioLen.length ==0){
alert("请选择");
return false;
}
var txt =$.trim( $(":text[name='name']").val());
if(txt ==""){
alert("不能为空串");
return false;
}
$("<li>"+txt+"</li>").appendTo($("#"+type));
return false;
});
});
</script>
</head>
<body>
<ul id="city">
<li>武汉</li>
<li>北京</li>
<li>上海</li>
</ul>
<ul id="game">
<li>魔兽</li>
<li>红警</li>
<li>极速飞车</li>
</ul>
<form action="index.html" name="myform">
<input type="radio" name="type" value="city">城市
<input type="radio" name="type" value="game">游戏
name:<input type="text" name="name"/>
<input type="submit" value="Submit" id="submit"/>
</form>
</body>
</html>