/*获得TEXT.AREATEXT的值*/
var textval = $("#text_id").attr("value");
//或者
var textval = $("#text_id").val();
/*获取单选按钮的值*/
var valradio = $("input[type=radio]:checked").val();
/*获取一组名为(items)的radio被选中项的值*/
var item = $('input[name=items]:checked').val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value")；
/*获取下拉列表的值*/
var selectval = $('#select_id').val();
/*文本框，文本区域*/
$("#text_id").attr("value",");//清空内容
$("#text_id").attr("value",'test');//填充内容
/*多选框checkbox*/
$("#chk_id").attr("checked",");//使其未勾选
$("#chk_id").attr("checked",true);//勾选
if($("#chk_id").attr('checked')==true) //判断是否已经选中
/*单选组radio*/
$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
/*下拉框select*/
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("testtest2").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty()；//清空下拉框
/*获取一组名为(items)的radio被选中项的值*/
var item = $('input[name=items]:checked').val(); //若未被选中 则val() = undefined
/*获取select被选中项的文本*/
var item = $("select[name=items] option:selected").text();
/*select下拉框的第二个元素为当前选中值*/
$('#select_id')[0].selectedIndex = 1;
/*radio单选组的第二个元素为当前选中值*/
$('input[name=items]').get(1).checked = true;
/*重置表单*/
$("form").each(function(){
.reset();
});
JS获取表格行数和列数
function show()
{
var tab = document.getElementById("test") ;
//表格行数
var rows = tab.rows.length ;
//表格列数
var cells = tab.rows.item(0).cells.length ;
alert("行数"+rows+"列数"+cells);
}
关于Jquery获取Table中td内的内容
$(this).children().eq(1).text()获取的是显示的值
$(this).children().eq(1).html()获取的是<td></td>之间的所有内容
$('.trSelected',grid).find("td").eq(7).text();获取的是选中的某行的内容
遍历表<table id="gird".....
$("#grid tr").each(function() {
alert($(this).children().eq(1).text());
});
用javascript来遍历
function load(){
var tab=document.getElementById("grid");
var rows=tab.rows;
alert(rows.length);
for(var i=0;i<rows.length;i++)
{
for(var j=0;j<rows[i].cells.length;j++)
{
alert("第"+(i+1)+"行，第"+(j+1)+"列的值是:"+rows[i].cells[j].innerHTML);
}
}
}
JS获取表格内容的简单例子
<html>
<head>
<title>getTableContent</title>
<script language="javascript">
function getTableContent(rowIndex) {
var node = document.getElementsByTagName("table")[0];//获取第一个表格
var child = node.getElementsByTagName("tr")[rowIndex - 1];//获取行的第一个单元格
var text = child.firstChild.innerHTML;
window.alert("表格第" + rowIndex + "的内容为: " + text);
}
</script>
</head>
<body>
<table width="200" border="1" cellpadding="4" cellspacing="0">
<tr>
<td height="25">第一行</td>
</tr>
<tr>
<td height="25">第二行</td>
</tr>
<tr>
<td height="25">第三行</td>
</tr>
<tr>
<td height="25">第四行</td>
</tr>
</table>
<br>
<input type="text" name="rowIndex" value="要获取表格第几行的内容?" size="22"> <input type="button" name="getTableContent" value="获得表格内容" onclick="getTableContent(rowIndex.value)">
</body>
</html>
#Javascript
js动态修改、获取table单元格的内容
<table border=1 width=200 height=150 id='tab'>
<tr><td>111</td><td>111</td></tr>
<tr><td>222</td><td>222</td></tr>
<tr><td>333</td><td>333</td></tr>
<tr><td>444</td><td>444</td></tr>
</table>
<p align=center><input type='button' onclick='change()'>
<script>
function change(){
document.getElementById('tab').rows[0].childNodes[0].innerText = 'aaa';
}
</script>
--------------------------------------------------------------------------------
<table id="test">
<tr>
<td>hello</td>
</tr>
</table>
<script language="JavaScript">
alert(document.getElementById("test").rows[0].cells[0].innerText);
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table id="tb">
<tr>
<td>title</td>
<td>title1</td>
</tr>
<tr>
<td>test</td>
<td>test1</td>
</tr>
</table>
<input type="button" onClick="show(tb,result);" value="获取">
<input type="text" size=10 name="result">
<script language="javascript">
function show(tb,txt)
{
document.all.result.value=document.all.tb.rows(1).cells(1).innerHTML;
}
</script>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><span id="feedback_info" style="color:#FF0000"></span></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script>
document.getElementById("feedback_info").innerHTML="aaaaaa";
document.all.tb.rows(0).cells(1).innerHTML="aaaaaa";
</script>
</body>
</html>
js获得<table>的单元格信息
1. 获取表格中的某个单元格的内容
var tid=listFrame.now.rows[1].cells[2].innerHTML;
listFrame是指某一窗口或者frame
now 是表格的id
rows[i] 是指某一行 比如属性:length
cells[j] 是指某一个单元格 rows[i].cells[j]表示第i行第j列
innerHTML是指单元格的值
2 只刷新一次
function reurl(){
url = location.href; //把当前页面的地址赋给变量 url
var times = url.split("?"); //分切变量 url 分隔符号为 "?"
if(times[1] != 1){ //如果?后的值不等于1表示没有刷新
url += "?1"; //把变量 url 的值加入 ?1
parent.parent.location.reload() //刷新页面
}
else{
reutrn false;
}
}
分享到：
相关推荐
**注意：** `.val()` 方法是用来获取或设置表单元素的值的，而 `.attr("value")` 是用来获取`value`属性的值。通常情况下，两者的效果是相同的，但在某些场景下，`.val()` 更加直观和常用。 ##### 2. 获取文本域（`...
首先，要获取表单中input元素的值，最常用的方法是使用jQuery的val()方法。当使用 $("#id") 选择器选中了一个元素后，可以使用 .val() 来获取这个元素的值。这里，“#id”是CSS选择器的一种，用于选中id属性为特定值...
1. 获取表单元素的值 在表单中，获取元素的值是常见的需求。使用jQuery，可以通过选择器定位到具体的表单元素，并使用相应的方法来获取值。例如： - 对于文本框和文本区域，使用`.val()`方法可以获取到里面的值： `...
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
3. **移除表单元素**：jQuery提供了`.remove()`方法来移除DOM元素。要删除ID为`formElement`的元素，可以这样做： ```javascript $('#formElement').remove(); ``` 4. **事件绑定与解绑**：在处理表单元素时，...
本资源“jQuery复制表单元素代码.zip”聚焦于如何使用jQuery实现表单元素的复制功能，这对于动态创建表单、批量添加输入项或构建可配置界面非常有用。下面将详细介绍jQuery在处理表单元素复制时的关键知识点。 首先...
然后，使用jQuery选择器找到你的表单元素，并调用插件提供的方法来启用动态添加和删除功能。例如，你可以使用`.dynamicRows()`方法初始化这个功能，并设置相应的参数，如添加按钮的CSS选择器、删除按钮的CSS选择器...
《jQuery获取表单数据深度解析与实践指南》 在前端开发中，jQuery库以其简洁的API和强大的功能，成为开发者们的首选工具之一。本资料合集主要围绕如何使用jQuery高效地获取和处理HTML表单数据进行深入探讨，适用于...
一、jQuery获取表单元素的值 在jQuery中，获取表单元素的值非常直观。例如，对于一个ID为`exampleInput`的input元素，我们可以使用`val()`函数来获取或设置其值： ```javascript var inputValue = $('#exampleInput...
综上所述，通过上述知识点，我们可以看到如何通过简单的jQuery代码实现表单元素的禁用操作。这种操作在很多场景下都可能会用到，比如在用户未填写必填项、表单提交过程中、用户没有达到一定权限等情况下。掌握这些...
本文将详细介绍如何使用jQuery来获取表单中的不同元素（如下拉列表、单选按钮、复选框等）的值。 #### 二、基础概念 在深入探讨具体实现之前，先了解一些基础概念： - **选择器**：jQuery提供了一种灵活的方式来...
本文对jQuery获取及设置表单input各种类型值的方法进行了详细的小结。首先，对于radio类型输入框，可以通过使用jQuery选择器获取被选中项的值，例如使用$("input[@name=items]:checked").val();可取得一组具有相同...
本主题聚焦于使用jQuery来动态地复制表单元素，尤其是`tr`（表格行）以便用户可以添加多行输入，同时实现信息的递交。这在创建如订单、清单或者用户填写多项数据的场景中特别实用。 首先，我们需要了解`tr`元素在...
1. **表单元素操作**：使用jQuery选择器如`$("#elementId")`或`$(".className")`定位到特定的表单元素，然后可以调用`.val()`获取或设置值，`.attr()`读取或设置属性，`.html()`修改元素内容。 2. **事件绑定**：`....
"jQuery聚焦表单高亮"这个主题关注的就是如何利用jQuery库来优化表单元素的交互体验，尤其是当用户焦点切换到表单字段时，通过视觉上的高亮提示，提升用户的感知度和操作效率。jQuery是一个强大的JavaScript库，它...
例如，`.html()`用于获取或设置元素的HTML内容，`.click()`用于绑定点击事件，`.val()`则用于获取或设置表单字段的值。 **2. 表单验证的重要性** 表单验证是确保用户输入数据正确性的重要步骤，它可以防止无效数据...