jQuery獲取及設定單選框 多選框 文字框

2021-07-09 10:39:46 字數 3517 閱讀 4605

jquery獲取及設定單選框、多選框、文字框 

獲取一組radio被選中項的值  findkind 為單選框的值 

var item = $("input[name='findkind']:checked").val(); 

var item = $("input[name='findkind']").val(); 

隱藏單選框 

$("input[name='findkind']").hide(); 

獲取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) //判斷是否已經打勾 

例:var id_array=new array();

$('input[name="id"]:checked').each(function());

var idstr=id_array.join(',');//將陣列元素連線起來以構建乙個字串

alert(idstr);

單選組radio: $("input[@type=radio]").attr("checked","2");//設定value=2的專案為當前選中項 (錯 

) $("input[@name=radio_s][@value=16]").attr("checked",true);(測試通過) 

下拉框select: 

$("#sel").attr("value","-sel3");//設定value=-sel3的專案為當前選中項

比如js**  

class

="type"

>

1、設定value為1的項選中 

$(".type").val("1"); 

2、設定text為管理組的項選中 

js**  

$(".type"

).find(

"option[text='管理組']"

).attr(

"selected"

,true

);  

中括號裡的等號的前面是屬性名稱,不用加引號。 

3、獲取當前選中項的value 

js**  

$(".type"

).val();  

4、獲取當前選中項的text 

js**  

$(".type"

).find(

"option:selected"

).text();  

select的級聯,即第二個select的值隨著第乙個select選中的值變化。這在jquery中是非常簡單的。 

如: js**  

$(".type1"

).change(

function

());  

7.設定select中第一 個item為選中 

$("#selectid option").eq(0).attr('selected', 'true');

8. 得到select的當前選中項的value 

$("#selectid").val();

9.得到select的當前選中項的text 

$("#selectid").text();

10. 得到select的當前選中項的index 

document.getelementbyid("select1").selectedindex;

$("#selectid").get(0).selectedindex

11. 清空select的項

$("#selectid").empty();

js版本的:

aaass

1122

3344

5566

jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中

獲取一組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

獲取多菜單選框內容

jquery獲取radio被選中的值 1 2 3 三種方法都可以 input radio checked val input type radio checked val input name rd checked val jquery獲取select被選中的值 option1option opti...

Jquery為單選框checkbox繫結單擊事件

一 假設有如下一段html dd id 1 input id checkbox 518 class imagezz name type checkbox value 518 dd var test image check box click function else check all image...

JQuery中獲取單選框核取方塊選中值

之前沒有去看官方給的api文件,直接在網上搜的這個問題的答案,結果很多都不行,尤其有很多js不會報錯,但是實際執行的結果總是和我們的預期不一樣,那就是我們使用錯了方法。有些內容可能與jquery的版本有關係,我們目前所使用的jquery的版本基本上都是在1.4.2以上了,所以官方提供的只有1個方法,...