djcbpl
- 浏览: 15803 次
- 性别:
- 来自: 贵州省
-
文章分类
最新评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>select里实现checkbox选择和input里边实现上下一条</title>
<style type="text/css">
img {border-width: 0px 0px 0px 0px}
select{width:100px;}
.input_left{
float:left;
margin-top:2px;
}
.input_centor{
float:left;
}
.input_right{
float:left;
margin-top:2px;
}
</style>
<script language="javascript">
var n=0;
var info=new Array("2012083100001","2012083100002","2012083100003","2012083100004","2012083100005","2012083100006","2012083100007","2012083100008","2012083100009","2012083100010","2012083100011");
function preUp(){
if(n>0){
n=n-1;
document.getElementById("show").value=info[n];
}
else{
alert("已经是第一条了");
}}
function nextDown(){
if(n<info.length-1){
n=n+1;
document.getElementById("showId").value=info[n];
}
else{
alert("已经是最后一条了");
}
}
document.getElementById("showId").value=info[0];
</script>
</head>
<body>
<div style="text-align:center">
<div class="input_left">
<div class="input_centor"><input name="input" id="showId" type="text" value="2012083100005" /></div>
<div class="input_right">
</div>
</div>
</td>
</tr>
</table>
</div>
<input type="button" value='<<' onclick="preUp()">
<input type="textbox" id="showId" value='' size=40><input name="input" id="showId" type="text" value="2012083100005" />
<input type="button" value='>>' onclick="nextDown()">
<input name="" type="checkbox" value="" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>select里实现checkbox选择和input里边实现上下一条</title>
<style type="text/css">
img {border-width: 0px 0px 0px 0px}
select{width:100px;}
.input_left{
float:left;
margin-top:2px;
}
.input_centor{
float:left;
}
.input_right{
float:left;
margin-top:2px;
}
</style>
<script language="javascript">
var n=0;
var info=new Array("2012083100001","2012083100002","2012083100003","2012083100004","2012083100005","2012083100006","2012083100007","2012083100008","2012083100009","2012083100010","2012083100011");
function preUp(){
if(n>0){
n=n-1;
document.getElementById("show").value=info[n];
}
else{
alert("已经是第一条了");
}}
function nextDown(){
if(n<info.length-1){
n=n+1;
document.getElementById("showId").value=info[n];
}
else{
alert("已经是最后一条了");
}
}
document.getElementById("showId").value=info[0];
</script>
</head>
<body>
<div style="text-align:center">
<div class="input_left">
<div class="input_centor"><input name="input" id="showId" type="text" value="2012083100005" /></div>
<div class="input_right">
</div>
</div>
</td>
</tr>
</table>
</div>
<input type="button" value='<<' onclick="preUp()">
<input type="textbox" id="showId" value='' size=40><input name="input" id="showId" type="text" value="2012083100005" />
<input type="button" value='>>' onclick="nextDown()">
<input name="" type="checkbox" value="" />
</body>
</html>
0
顶
顶
0
踩
踩
分享到：
发表评论
-
获取屏幕的高度赋值给容器div
2014-06-17 10:15 1375//获取屏幕的高度，赋值给div的id="LeftB ... -
收藏一个不错的select2插件
2014-03-26 10:06 0http://radiumxie.iteye.com/blog ... -
控制body的最小宽度
2013-12-18 12:29 1143有时候；网页在屏幕或者浏览器缩小的情况下，布局会跑乱，为了解决 ... -
fieldset标签的使用
2013-09-27 08:29 422<!doctype html> <html& ... -
SimpleDateFormat
2012-08-15 16:26 711首先对SimpleDateFormat有所了解，以下摘自jav ... -
如何去掉网页的横向滚动条，竖向滚动条
2012-07-25 18:49 789如何去掉网页的横向滚动条，竖向滚动条 有时候特别需要，个别网 ... -
SSH继承错误
2012-07-22 16:42 0INFO - Overriding bean definiti ... -
按钮随机颜色
2012-07-02 16:58 923<!DOCTYPE html> <html& ... -
JSP的内置对象
2012-05-04 17:33 0Jsp的内置对象包挂：out对象、request对象、resp ... -
面试题
2012-04-28 10:28 02012-3-27到4-30的个人面试总结 面试题 1，A ... -
CSS文件及样式命名
2012-04-16 06:23 849一、CSS文件及样式命名 ... -
HTML常用标签列表
2012-03-30 21:56 0HT ... -
实现自动添加的；
2012-03-24 05:05 584<html><head><tit ...
相关推荐
有的时候；一些控件在特殊要求是非常难做的；所以分享一个特写的控件给大家；select里实现checkbox的选择和input里边上下一条翻转
实现这样一个基本需求，页面有很多数据，可以删除一条或多条，删除前判断是否选中至少一条，否则提示。 代码如下: function deleteUser() { //当时是想把内容以str+=””的方式 进行保存 ，但不行 //var str; var ...
检验列表(checkbox、redio、select)是否至少选中了一条记录(对select主要用于多项选择) <input type="checkbox" name="checkbox1"> <input type="hidden" validatorType="Checkbox" fieldName="checkbox1" error...
9.23 用键盘上下键实现表格行的上下选择 9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现...
9.23 用键盘上下键实现表格行的上下选择 9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现...
一、J Query实例大全 1)AjaxJavaScript资源 1.JS+CSS仿腾讯QQ首页搜索框无刷新换肤效果代码 2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图...
软件版本：Axure8.1(兼容Axure9/10) 产品类型：高保真元件库（Web端/中后台） ...Data Entry 数据录入：Radio 单选框、Checkbox 多选框、Input 输入框、Select 选择器、Cascader 级联选择器、......
19.3. 发送一条消息 19.3.1. 使用消息转换器 19.3.2. SessionCallback 和ProducerCallback 19.4. 接收消息 19.4.1. 同步接收 19.4.2. 异步接收 - 消息驱动的POJOs 19.4.3. SessionAwareMessageListener 接口 ...
11.2. 利用JDBC核心类实现JDBC的基本操作和错误处理 11.2.1. JdbcTemplate类 11.2.2. NamedParameterJdbcTemplate类 11.2.3. SimpleJdbcTemplate类 11.2.4. DataSource接口 11.2.5. SQLExceptionTranslator接口...
捷方式了,它还实施了一条规约,那就是一个字符串各个分离的部分包含的是完全相同的字符.例如:下面的正则表达式匹配的就是位于单引号或双引号之内的所有字 符.但是,它要求开始和结束的引号匹配(例如两个都是双引号...
作用：在页面中表现为一条直线 语法： 属性： 1、size 尺寸，以 px 为单位的数值 2、width 宽度，以 px 或 % 为单位的数值 3、align 水平对其方式 4、color 颜色 Demo ： 02-text.html 中 增加一根...
ideal-designer An experiment component library. 背景 在技术发展日新月异的今天，我们使用的语言和工具不断地在升级与增加，前端在项目中扮演的角色着发重要。于此对应的，作为当下的...选择器 Select 级联选择器
checkbox扁平 <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"> 获取选中内容 document.selection.createRange().duplicate().text 自动完成功能 <input type=text ...
2.6. 更进一步，自动行号和多选checkbox 2.6.1. 自动行号 2.6.2. 全选checkbox的时间了，请允许我让2.0先上场。 2.7. 分页了吗？分页了吗？如果还没分就看这里吧。 2.7.1. 表面工作，先把分页工具条弄出来。 2.7.2. ...
11.2. 利用JDBC核心类实现JDBC的基本操作和错误处理 11.2.1. JdbcTemplate类 11.2.2. NamedParameterJdbcTemplate类 11.2.3. SimpleJdbcTemplate类 11.2.4. DataSource接口 11.2.5. SQLExceptionTranslator接口 ...
选择器速度提升 选择器的速度大幅度提高了，下表为jQuery1.1.2和1.1.3的选择器速度对比，提高了8倍多 Browser jQuery 1.1.2 jQuery 1.1.3 % Improvement IE 6 4890ms 661ms 740% Firefox 2 5629ms 567...
一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数，隐藏 id="test" 的元素。 $("p").hide() 演示 jQuery hide() 函数，隐藏...
43 <br>0061 树的实现 44 <br>3.2 排序 48 <br>0062 如何实现选择排序算法 48 <br>0063 如何实现冒泡排序算法 49 <br>0064 如何实现快速排序算法 50 <br>0065 如何实现插入排序算法 ...