jquery獲取指定表格的指定列的值 以及 操作radio,checkbox,select表單操作實現程式碼
阿新 • • 發佈：2019-01-02
如圖id=table2的表其中一個td包含一個無名無ID的子表，我想要獲取該子表某td的內容(如dd這一個td的內容)，用jquery怎麼寫?
你想獲得 aaa ccc bbb ddd？
那就這樣寫$(“#table2 table td‘).eq(0).fnd('td').eq(0).text()這樣就獲得了aaa
想獲得ccc就寫$(“#table2 table td‘).eq(0).fnd('td').eq(1).text()
想獲得bbb就寫$(“#table2 table td‘).eq(1).fnd('td').eq(0).text()
ddd 為 $(“#table2 table td‘).eq(1).fnd('td').eq(1).text()
如果子表有id就不用這麼麻煩,比如子表id為ble2
直接寫 $("#ble2 tr").eq(0).find('td').eq(0).text();
以上第一個eq都可以省略，不過td的個數算對就行了
比如要得到ddd就寫 $("#ble2 td').eq(3).text();一 、Select
jQuery獲取Select選擇的Text和Value:
1. $("#select_id").change(function(){//code...});
//為Select新增事件，當選擇其中一項時觸發
2. varcheckText=$("#select_id").find("option:selected").text();//獲取Select選擇的Text
3. varcheckValue=$("#select_id").val();//獲取Select選擇的Value
4. varcheckIndex=$("#select_id ").get(0).selectedIndex;//獲取Select選擇的索引值
5. varmaxIndex=$("#select_id option:last").attr("index");//獲取Select最大的索引值
jQuery設定Select選擇的Text和Value:
1. $("#select_id ").get(0).selectedIndex=1;//設定Select索引值為1的項選中
2. $("#select_id ").val(4);//設定Select的Value值為4的項選中
3. $("#select_id option[text='jQuery']").attr("selected",true);
//設定Select的Text值為jQuery的項選中jQuery新增/刪除Select的Option項：
1. $("#select_id").append("<option value='Value'>Text</option>");//為Select追加一個Option(下拉項)
2. $("#select_id").prepend("<option value='0'>請選擇</option>");//為Select插入一個Option(第一個位置)
3. $("#select_id option:last").remove();//刪除Select中索引值最大Option(最後一個)
4. $("#select_id option[index='0']").remove();//刪除Select中索引值為0的Option(第一個)
5. $("#select_id option[value='3']").remove();//刪除Select中Value='3'的Option
6. $("#select_id option[text='4']").remove();//刪除Select中Text='4'的Option
7. $("#SelectID").remove();//刪除所有項
二、Checkbox
全選/取消
jQuery.attr 獲取/設定物件的屬性值,如：
$("input[name='chk_list']").attr("checked");//讀取所有name為'chk_list'物件的狀態（是否選中）
$("input[name='chk_list']").attr("checked",true);//設定所有name為'chk_list'物件的checked為true
$("#img_1").attr("src","test.jpg");//設定ID為img_1的<img>src的值為'test.jpg'
$("#img_1").attr("src");//讀取ID為img_1的<img>src值
下面的程式碼是獲取上面例項中選中的checkbox的value值:
<script type="text/javascript">
var
arrChk=$("input[name='chk_list'][checked]");
$(arrChk).each(function(){
window.alert(this.value);
});
});
</script>
1,獲取checkbox的value
$("#checkboxID").value或$("input[type='checkbox']").eq(n).attr("checked").value
2,設定選中項
$("input[type='checkbox']").eq(1).attr("checked")//設定第一個checkbox為選中的項
3,刪除所有checkbox
$("input[type='checkbox']").remove()
4,checkbox方法
$(document).ready(function() {
var
check = $("input[type='checkbox']");
check.each(function(n) {
check.eq(n).bind("click",function() {
if
(check.eq(n).attr("checked") !=false) {
var
value = check.eq(n).val();
alert(value);
}
else
{
alert(check.eq(n).attr("checked"));
}
})
});
});
三、radio
1,獲取選中的value值
$("input[type='radio']:checked").val();
2,設定指定的項為當前選中項
$("input[type='radio']").eq(1).attr("checked",true);//設定第二項為選中項
$("input[type='radio'][value='值']").attr("checked, true");
3,解決多個Radio
$("input[type='radio'][@name='rdoTest2']").eq(0).attr("checked",true);