
获取值:
文本框,文本区域:$("#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表格中被单选框选中的行的其他列的值怎么做上代码!等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)