<input type="submit">点击按钮 添加内容到相应的radio的ul li中
来源:互联网 发布:三维全景拼合软件 编辑:程序博客网 时间:2024/04/27 07:49
<!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>
0 0
- <input type="submit">点击按钮 添加内容到相应的radio的ul li中
- 回车键触发input渲染到ul的li中
- 回车键触发input渲染到ul的li中
- 回车键触发input渲染到ul的li中
- jquery实现ul列表中点击radio后面的文本选中radio,点击整个li选中radio
- 简单的小应用-歌曲列表添加(表单输入内容li增加到ul中)
- IE下按回车自动触发input type=submit的按钮点击事件
- js循环遍历ul中li的点击事件,给给选中li添加css
- 点击button往ul中添加不同的内容
- jquery实现ul列表中点击li选择radio
- ul中获取当前点击的li的值
- jquery点击div获取radio-实现ul列表中点击radio后面的文本选中radio
- ul li datalist控件导航栏动态绑定数据库,并且显示相应的内容
- CSS3 去除苹果浏览器按钮input[type="submit"]和input[type="reset"]的默认样式
- Ul、Li的list-style-type 属性
- Ul、Li的list-style-type 属性
- Ul、Li的list-style-type 属性
- input标签的type=submit与$().submit()应对应
- 日期选择器只显示年月
- JAVA题
- Gradle配置粗解
- 拦截器添加例外
- 【GDOI2017模拟10.30】分组
- <input type="submit">点击按钮 添加内容到相应的radio的ul li中
- 图解autoscan、aclocal、autoheader、automake、autoconf、configure、make
- Swift3.0已出坑-适配iOS10,项目迁移Swift3.0问题总结。
- WebView的简单使用
- Redha操作命令笔记---系列1
- bzoj2467[中山市选2010]生成树
- Hibernate 发生异常:java.sql.SQLException: ORA-00928: 缺失 SELECT 关键字
- 【JZOJ4830】分组 题解
- windows安装git和环境变量配置