jquery怎么获取表单所有的值

jquery怎么获取表单所有的值,第1张

获取值:

文本框,文本区域:$("#txt")attr("value");

多选框checkbox:$("#checkbox_id")attr("value");

单选组radio: $("input[@type=radio][@checked]")val();

下拉框select: $('#sel')val();

控制表单元素

文本框,文本区域:$("#txt")attr("value",'');//清空内容

$("#txt")attr("value",'11');//填充内容

多选框checkbox: $("#chk1")attr("checked",'');//不打勾

$("#chk2")attr("checked",true);//打勾

if($("#chk1")attr('checked')==undefined) //判断是否已经打勾

单选组radio: $("input[@type=radio]")attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select: $("#sel")attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

$("<option value='1'>1111</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option

$("#sel")empty();//清空下拉框

<table

class="table

table-hover"

id="test123">

<tr>

<th

width="45">选择</th>

<th

width="100">驾校名称</th>

<th

width="100">合作驾校名称</th>

<th

width="100">申请时间</th>

<th

width="100">申请状态</th>

<th

width="100"> *** 作</th>

</tr>

<tr>

<td><input

type="checkbox"

name="id"

value="1"

/></td>

<td>中大驾校</td>

<td>潇湘驾校</td>

<td>2016-04-15

14:40:20</td>

<td

class="tablestate">未处理</td>

<td><a

class="change

button

border-blue

button-little

update"

href="#">修改申请状态</a></td>

</tr>

<tr>

<td><input

type="checkbox"

name="id"

value="1"

/></td>

<td>中大驾校</td>

<td>潇湘驾校</td>

<td>2016-04-15

14:40:20</td>

<td

class="tablestate">未处理</td>

<td><a

class="change

button

border-blue

button-little

update"

href="#">修改申请状态</a></td>

</tr>

</table>

扩展资料:

遍历同胞:

siblings():被选中时找到自己的兄弟姐妹,写法有siblings(所有的兄弟姐妹)和siblings(“同级的兄弟姐妹”)。

next():被选中时找到自己的下级,写法有

nextAll(找到所有的下级)和next(“找到下一个元素”)和nextuntil("被选中的元素的范围内的元素")。

prev(),

prevAll()

以及

prevUntil()

方法的工作方式与上面的方法类似,只不过方向相反:它们返回的是前面的同胞元素(在

DOM

树中沿着同胞元素向后遍历,而不是向前)。

first():返回被选中的第一元素

,写法

$("div

p")first()css("样式")

last():被选中的最后一个元素,写法

$("div

p")last()css(”样式“)

eq():返回被选中元素中有索引的元素,索引号,是从0开始不是从1开始比如treq(0)id

==dataeq[i-1]id

或者

tr[0]id

=

data[i-1]id。

filter():删除真正意义上的过滤,写法

$("div

")filter("span")hide()

not():就是跟filter()相反的用法。

比如

<table>

<tr>

  <td><input type="checkbox" checked/></td>

  <td>1</td>

</tr>

</table>

可以用以下代码获取到 1

$(function(){

  $("input:checked")parents('tr')find('td')eq(1)text();

})

用JQuery获取表格最后一行或一列的代码例子

代码如下:

$('#mytable tr:last')find('td')addClass('end');

$('#mytable tr')find('td:last')addClass('end');

获取倒数第二行

代码如下:

$("#tbData tr")get($("#tbData tr")length - 2);

$("#tbData tr")eq(-2);

以上就是关于jquery怎么获取表单所有的值全部的内容,包括:jquery怎么获取表单所有的值、jQuery怎么遍历表格,获取每一列的值、jQuery获取到一个table表格中被单选框选中的行的其他列的值怎么做上代码!等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9553635.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存