JQuery控制radio選中和不選中方法總結
一、設定選中方法
程式碼如下:
$("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值
二、設定選中和不選中示例
程式碼如下:
<input type="radio" value="0" name="jizai" id="0"/>否
<input type="radio" value="1" name="jizai" id="1"/>是
#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);
三、另一種設定選中方法
程式碼如下:
<script type="text/javascript">
$(document).ready(function(){
$("input:radio[name=sex][value=1]").attr("checked",true);
});
</script>
您的性別:
程式碼如下:
<input type="radio" name="sex" value="1" <s:if test="user.sex==1">checked</s:if>/>男
<input type="radio" name="sex" value="0" <s:if test="user.sex==0">checked</s:if>/>女
四、根據值設定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);
JQuery radio(單選按鈕)操作方法彙總
1.獲取選中值,三種方法都可以:
程式碼如下:
$('input:radio:checked').val();
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();
2.設定第一個Radio
為選中值:
程式碼如下:
$('input:radio:first').attr('checked', 'checked');
或者
程式碼如下:
$('input:radio:first').attr('checked', 'true');
注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)
3.設定最後一個Radio
為選中值:
程式碼如下:
$('input:radio:last').attr('checked', 'checked');
或者
程式碼如下:
$('input:radio:last').attr('checked', 'true');
4.根據索引值設定任意一個radio
為選中值:
程式碼如下:
$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者
程式碼如下:
$('input:radio').slice(1,2).attr('checked', 'true');
5.根據Value
值設定Radio
為選中值
程式碼如下:
$("input:radio[value='rd2']").attr('checked','true');
或者
程式碼如下:
$("input[value='rd2']").attr('checked','true');
6.刪除Value
值為rd2
的Radio
程式碼如下:
$("input:radio[value='rd2']").remove();
7.刪除第幾個Radio
程式碼如下:
$("input:radio").eq(索引值).remove();索引值=0,1,2....
如刪除第3個Radio
:$("input:radio").eq(2).remove();
8.遍歷Radio
程式碼如下:
$('input:radio').each(function(index,domEle){
//寫入程式碼
});
<script language="javascript">
//獲取網頁中name=angel的單選按鈕,取第一個,新增屬性checked=checked,也就是讓其選中
$("input[name=angel]:eq(0)").attr("checked",'checked');
</script>
上面這種方法的弊端很明顯,如果我們網頁中有多個單選按鈕的話,並且是動態生成的話,我們要讓其中的一個選中,有時我們並知道他的索引,所以用值來進行篩選的方法是最好的:
<script language="javascript">
//獲取網頁中的單選按鈕,挑選其中name=angel,value=0的,讓其選中
$("input[type=radio][name=angel][value=0]").attr("checked",'checked')
</script>
相關文章
- jQuery控制radio選中和取消jQuery
- jQuery如何控制radio選中和取消jQuery
- jquery操作radio取值以及選中jQuery
- JQuery判斷radio是否選中jQuery
- jQuery獲取被選中radio單選按鈕的值jQuery
- jQuery如何獲取選中單選按鈕radio的值jQuery
- jQuery選擇器總結jQuery
- jQuery判斷一個radio單選按鈕是否被選中jQuery
- 關於jQuery radio 選中失效的問題jQuery
- jquery獲取所有選中的checkbox與單個選中的radiojQuery
- jQuery常用選擇器總結jQuery
- Jquery選擇器完全總結jQuery
- 使用jQuery實現的取消radio按鈕選中效果jQuery
- radio 單選按鈕 選中多個
- attr()和prop()處理checkbox核取方塊選中和不選中的區別
- css中:not()選擇器和jQuery中.not()方法CSSjQuery
- JQuery知識總結之選擇器jQuery
- jQuery 篩選方法jQuery
- 前端百科---點選文字選中Radio前端
- jQ基礎篇–jQuery選擇器總結jQuery
- JavaScript獲取選中radio單選按鈕值JavaScript
- 設定radio單選按鈕預設選中
- JavaScript 獲取radio 選中單選按鈕值JavaScript
- jquery通過id或name獲取radio選中值jQuery
- 用jquery校驗radio單選按鈕(原創)jQuery
- Gridview 中的radio唯一選中View
- JavaScript 獲取選中radio的idJavaScript
- js如何獲取選中radio單選按鈕的值JS
- js如何取得選中的單選按鈕radio的值JS
- js單選按鈕radio選中值JS
- jQuery使用總結-CorejQuerySelectors選擇器二3/4jQuery
- jquery工具方法總結jQuery
- html如何設定radio單選按鈕預設選中效果HTML
- jQuery有選擇性的禁止文字選中jQuery
- jQuery操作單選框、多選框是否選中問題jQuery
- jquery中的選擇器jQuery
- CSS控制所有瀏覽器水平居中和控制連結不換行的效果CSS瀏覽器
- Jquery radio的name值不一樣,只能選中一個jQuery