<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="<%=request.getContextPath()
%>/jquery-js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function(){
//jQuery 实现
var juser;
var jpsw;
$('#toChange').click(function(){
$('input[type="text"]').each(function(){
juser = $(this).val();
});
$('input[type="password"]').each(function(){
jpsw = $(this).val();
});
$('#userId').val(jpsw);
$('#pswId').val(juser);
});
});
function toChange()
{
var vuser;
var vpsw;
var obj = document.getElementsByTagName('input');
//var obj =document.frm.elements;
for(var i=0;i<obj.length;i++){
// alert(obj[i].name+" "+obj[i].type);
if(obj[i].type=='text'){
vuser = obj[i].value ;
}else if(obj[i].type=='password'){
vpsw = obj[i].value ;
}
}
document.getElementById('userId').value = vpsw;
document.getElementById('pswId').value = vuser; }
</script>
</head>
<body>
<td><input type="text" name="user" id="userId"></td>
<td><input type="password" name="psw" id="pswId"></td>
<input type="button" value="js实现" onclick="toChange()">
<input type="button" value="jQuery实现" id="toChange">
</body>
</html>
如果把id="userId"、id="pswId"去掉，而且在火狐浏览器下面不支持
document.getElementById('NAME'),怎么实现？
如果把name值得name="user"、name="psw"也去掉呢？
document.getElementsByName()、document.getElementById,docment.getElementsTagName区别
[
var obj = document.getElementsByName('user');
alert('obj = '+obj[0].value);
]
分享到：
相关推荐
本教程将深入讲解如何使用JavaScript实现表单文本框内容的互换功能，特别是在一个订票系统中切换不同城市的场景。 首先，我们需要创建HTML结构，包含两个用于输入城市名称的文本框。假设这两个文本框的ID分别为...
要实现两个 TD 元素的值互换，可以使用 JavaScript 语言来实现。首先，需要获取两个 TD 元素的值，然后使用变量来交换这两个值。例如，可以使用下面的代码来实现： ```html <!DOCTYPE ...
在文中给出的解决方案中，首先定义了一个JavaScript对象，它具有以下属性：value1和value2分别代表了表格第一行第一列和第二行第一列单元格中的初始值；row和cell属性分别代表表格的行数和列数。接着，使用对象的...
每个单元格内的数据可以通过JavaScript动态填充或获取。为了实现拖动效果，我们需要监听鼠标事件，如`mousedown`（鼠标按下）、`mousemove`（鼠标移动）和`mouseup`（鼠标释放）。当用户按下鼠标并在表格上移动时，...
- `swap`函数用于获取用户输入的ID值，并调用`swapNode`函数进行交换操作。 #### 四、注意事项 - 在实际应用中，需要注意对用户输入进行合法性校验，确保输入的ID确实对应于表格中的某个`<td>`元素。 - 对于更...
我们需要找到这个列并更新其中的值。可以使用`.find()`方法找到序号单元格，并使用`.text()`或`.html()`来设置文本： ```javascript function updateSequence() { var index = $(this).index(); // 获取行索引 $...
在HTML中，`<table>`元素用于创建表格，包含`<tr>`（行）、`<th>`（表头单元格）和`<td>`（数据单元格）等标签。在行列转置的过程中，原始的`<tr>`元素会变成`<td>`，而`<th>`则可能变为`<td>`或者新的`<th>`，具体...
每个单元格可以使用`<td>`标签创建，内容可以是动态输入或预先定义的数据。 ```javascript const addRow = () => { const row = document.createElement('tr'); const cells = ['数据1', '数据2'].map(data => `$...
这时可以通过设置`.draggable()`的`containment`选项，将其值设为容器的ID，确保Div不会超出容器边界。 三、按列排序 对于表格或列表数据，我们可能希望按列进行拖动排序。这需要在拖动时计算元素的位置和目标位置...
这些链接通过`onclick`事件调用JavaScript函数，并传递当前单元格的父元素（即包含该行的`<tr>`）作为参数。 ```html <tr><td>1</td><td>11</td><td><a href="javascript:void(0)" onclick="moveUp(this)">上移...
本代码示例展示了一个简单的HTML和JavaScript实现，允许用户在表格中通过拖拽TD元素（即单元格）来实现列的互换。 首先，CSS类`removableObj`被应用于需要拖拽的TD元素，设置了元素的相对定位，以便于后续的移动...
JScript则是JavaScript的服务器端版本，两者可以互换使用。 4. **数据库集成**：通过ADO（ActiveX Data Objects）组件，ASP可以直接与各种数据库进行交互，实现数据的读取、写入和更新。 5. **组件化开发**：ASP...
3. 数据表结构：二维表是数据库的基础，每一列都有唯一的字段名，不允许有完全相同的两行，行和列的顺序理论上是可以互换的，但D选项错误，因为列的顺序通常不影响数据的逻辑结构，而行的顺序在某些情况下可能会影响...
利用Aspose，我们可以轻松地在各种办公文档格式之间进行互换，如将Word转换为PDF，Excel转换为CSV，或者将PPTX转换为图片序列等。 在在线预览方面，Aspose提供了将文档转换为HTML流的能力，这非常适合在Web应用中...
在.on()方法中，事件类型和选择器的位置可以互换，而在.delegate()方法中事件类型需要紧跟方法名之后。 需要注意的是，无论是使用.delegate()还是.on()方法，委托的子元素必须是父元素的合法子元素。例如，想要在...