JQuery操作checkbox radio等示例

2021-08-30 01:40:13 字數 1813 閱讀 3237

例:將多個選中的checkbox的值組裝成乙個字串

例:取選中的radio的值

var gender = $('input[@name=gender][@checked]').val();
轉別人的一些東西:

jquery判斷checkbox是否被選中

在html的checkbox裡,選中的話會有屬性checked="checked"。

如果用乙個checkbox被選中,alert這個checkbox的屬性"checked"的值alert($"#***".attr("checked")),會列印出"true",而不是"checked"!

如果沒被選中,列印出的是"undefined"。覺得很奇怪是嗎?繼續看下去~

不要嘗試去做這樣的判斷:if($"#***".attr("checked")=="true")

因為這麼做是錯的,jquery的api手冊上寫,attr(name)的返回值是object。

所以,應該是if($"#***".attr("checked")==true)

jquery全選/取消選擇checkbox示例:

123

4全選/取消全選

獲取一組radio被選中項的值

var item = $('input[@name=items][@checked]').val();

獲取select被選中項的文字

var item = $("select[@name=items] option[@selected]").text();

select下拉框的第二個元素為當前選中值

$('#select_id')[0].selectedindex = 1;

radio單選組的第二個元素為當前選中值

$('input[@name=items]').get(1).checked = true;

獲取值:

文字框,文字區域: $("#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的專案為當前選中項

$("1111

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

jquery和js如何判斷checkbox是否選中

jquery input type checkbox attr value 返回結果 501 input type checkbox is checked 返回結果 選中 true,未選中 false js if document.getelementbyid checkboxid checked ...

CTreeCtrl 聯動選擇 checkbox

響應單擊tree控制項的事件 void cdlgtreetest onnmclicktreelayers nmhdr pnmhdr,lresult presult presult 0 設定checkbox的選擇狀態 void cdlgtreetest setitemcheckstate htreei...

GridView翻頁時保持CheckBox選擇狀態

是否翻頁 private bool changed false 定義儲存選擇項主鍵集合屬性 protected listselecteditems set 獲取選擇項主鍵 private void getselecteditem else 獲取選擇的記錄 for int i 0 i this.gve...