首頁 >web前端 >js教程 >JQuery控制radio選取和不選取方法總結_jquery

JQuery控制radio選取和不選取方法總結_jquery

WBOY
WBOY原創
2016-05-16 16:03:541440瀏覽

一、設定選取方法

複製程式碼 程式碼如下:

$("input[name='名字']").get(0).checked=true;
$("input[name='名字']").attr('checked','true');
$("input[name='名字']:eq(0)").attr("checked",'checked');
$("input[name='radio_name'][checked]").val();  //取得被選中Radio的Value值

二、設定選取和不選取範例

複製程式碼 程式碼如下:



#jquery中,radio的選取與否是這麼設定的。
$("#rdo1").attr("checked","checked");
$("#rdo1").removeAttr("checked");

透過name

複製程式碼 程式碼如下:

$("input:radio[name="analyfsftype"]").eq(0).attr("checked",'checked');
$("input:radio[name="analyshowtype"]").attr("checked",false);

透過id
複製程式碼 程式碼如下:

$("#tradeType0").attr("checked","checked");
$("#tradeType1").attr("checked",false);

三、另一種設定選取方法

複製程式碼 程式碼如下:

 

您的性別: 
複製程式碼 程式碼如下:

checked/>男 
checked/>女

四、依值設定radio選取

複製程式碼 程式碼如下:

$("input[name='radio_name'][value='要選取Radio的Value值']").attr("checked",true);  //依照Value值設定Radio為選取狀態

五、使用prop方法操作範例

複製程式碼 程式碼如下:

$('input').removeAttr('checked');
$($('#' id 'input').eq(0)).prop('checked',false);
$($('#' id ' input').eq(0)).prop('checked',true);

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn