djcbpl
- 浏览: 16742 次
- 性别:
- 来自: 贵州省
-
文章分类
最新评论
<!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 1418//获取屏幕的高度，赋值给div的id="LeftB ... -
收藏一个不错的select2插件
2014-03-26 10:06 0http://radiumxie.iteye.com/blog ... -
控制body的最小宽度
2013-12-18 12:29 1190有时候；网页在屏幕或者浏览器缩小的情况下，布局会跑乱，为了解决 ... -
fieldset标签的使用
2013-09-27 08:29 477<!doctype html> <html& ... -
SimpleDateFormat
2012-08-15 16:26 752首先对SimpleDateFormat有所了解，以下摘自jav ... -
如何去掉网页的横向滚动条，竖向滚动条
2012-07-25 18:49 829如何去掉网页的横向滚动条，竖向滚动条 有时候特别需要，个别网 ... -
SSH继承错误
2012-07-22 16:42 0INFO - Overriding bean definiti ... -
按钮随机颜色
2012-07-02 16:58 985<!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 896一、CSS文件及样式命名 ... -
HTML常用标签列表
2012-03-30 21:56 0HT ... -
实现自动添加的；
2012-03-24 05:05 633<html><head><tit ...
相关推荐
本篇将详细介绍如何在一个`select`元素中实现复选框（checkbox）的选择功能，并在`input`元素中实现上下翻转的效果。 首先，我们来看如何在`select`元素中添加复选框。在标准HTML中，`select`不直接支持复选框，但...
标题中的"checkbox选择和input里边实现上下一条2"指的是在网页交互设计中，将复选框（checkbox）的选择功能与输入框（input）相结合，形成一种特殊的下拉选择方式，这种设计通常用于提供多选功能，同时允许用户通过...
在IT领域，特别是前端开发中，使用`Shift`键实现连续选择是一项常见且实用的功能，尤其是在处理列表或表格数据时。这一功能允许用户通过按住`Shift`键并点击两个项目来选择它们之间的所有项目，极大地提高了用户界面...
实现这样一个基本需求，页面有很多数据，可以删除一条或多条，删除前判断是否选中至少一条，否则提示。 代码如下: function deleteUser() { //当时是想把内容以str+=””的方式 进行保存 ，但不行 //var str; var ...
总结起来，GridView和CheckBoxList的嵌套使用是一种常见的ASP.NET Web开发技巧，它允许用户进行多级选择，提高数据处理的灵活性。通过理解并熟练掌握这种技术，开发者能够创建更符合用户需求的交互界面，提升项目的...
每个`Checkbox`都对应一条数据记录，并且拥有一个唯一的ID，以便在后端进行处理。 ```html <th><input type="checkbox" onclick="selectAll(this)"> <th>ID <th>Name <td><input type="checkbox" id="1...
检验列表(checkbox、redio、select)是否至少选中了一条记录(对select主要用于多项选择) <input type="checkbox" name="checkbox1"> <input type="hidden" validatorType="Checkbox" fieldName="checkbox1" error...
总结一下，jQuery 提供了简单易用的 API 来操作网页上的 radio、checkbox 和 select 元素。通过 `.attr()` 方法可以改变选中状态，而 `:checked` 伪类结合 `.val()` 方法则用于获取选中项的值。这些功能使得动态交互...
在Java Web开发中，创建一个具有全选按钮和删除功能的表格是常见的需求，这能够提升用户界面的交互性和操作效率。本篇文章将详细讲解如何实现这个功能。 首先，我们需要理解表格（Table）在Web应用中的基本结构。...
在表格中，我们可以使用`<input type="checkbox">`元素来让用户选择要删除的项目。例如： ```html <th><input type="checkbox" id="selectAll"> <th>Id <th>Name <th>Description <!-- 动态生成或硬编码...
<input type=checkbox name=de[] value=$id ?>> ``` 2. **PHP 部分**： - **连接数据库**：在`del.php`和`sc.php`文件中，首先使用`mysql_connect()`函数连接到MySQL服务器，然后通过`mysql_select_db()`选择要...
var $formElements = $('input[type="checkbox"], select option:selected'); // 监听选中状态变化 $formElements.change(function() { // 获取当前元素 var $this = $(this); // 如果元素之前被选中，取消...
在网页开发中，全选和反选功能是一个常见的交互需求，尤其在涉及到多个复选框操作的场景下。本文将详细讲解如何通过PHP和jQuery实现全选框功能，以及涉及的相关知识点。 首先，我们来看标题提到的"php+jquery全选框...
对于DropDownCheckBoxList，这可能涉及创建一个具有下拉列表行为的HTML元素（如SELECT），并为每个选项添加一个嵌套的多选框（INPUT[type="checkbox"]）。 3. **事件处理**：控件可能还提供了自定义事件，比如选中...
表单标签是通过form标签实现的，表单组件包括input标签、select标签、textarea标签等。input标签的type属性可以指定不同的输入类型，例如text、password、radio、checkbox等。select标签可以指定下拉列表的选项。...
- `package`声明（如果有，则必须放在文件的第一条非注释语句） - 导入语句(`import`) - 类或接口定义(`class`, `interface`) **5. 选择题解析** 题目：假设有一个名为"Languages"的表，其中包含以下列：langID, ...
配送方式和送货时间通常也会包含在表单内，可能涉及`<input type="radio">`（单选按钮）或`<input type="checkbox">`（多选框）来让用户选择。而发票信息可能需要用户填写公司名称、税号等，同样用`<input>`字段处理...
9.23 用键盘上下键实现表格行的上下选择 9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现...
12. **表单**：`<form>`用于创建表单，`<input>`处理各种输入类型，如`text`（文本输入）、`password`（密码输入）、`radio`（单选）、`checkbox`（多选）、`file`（文件选择）。`<button>`创建按钮，`submit`和`...