jquery获取表单元素的方法

最新推荐文章于 2024-07-24 11:09:48 发布

li_shihao

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量396

点赞数

分类专栏： JQuery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/li_shihao/article/details/84383231

版权

JQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

/*获得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="获得表格内容" οnclick="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' οnclick='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>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td><span id="feedback_info" style="color:#FF0000"></span></td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</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;
}
}

li_shihao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery获取表单元素的方法

/*获得TEXT.AREATEXT的值*/var textval = $("#text_id").attr("value");//或者var textval = $("#text_id").val(); /*获取单选按钮的值*/var valradio = $("input[type=radio]:checked").val(); /*获取一组名为(ite...
复制链接

扫一扫

专栏目录