jQuery操作radio要素
Webでは、ラジオというInputの使用頻度が高いので、ラジオコントロールのJqueryでの操作に関係しています.今、私はこのようにラジオを選択していません.次は性別を選択した例です.選択したコードと選択を解除します.
一、RADIOを選択
1、idでradioを見つけて男を選ぶ
2、nameでradioを見つけて男を選ぶ
3、nameとvalueでradioを見つけて男を選ぶ
選択を解除するには、trueをfalseに変更するだけでよいほか、選択を解除する方法として、属性checkedで判断するコードがあります.
二、選択した値を取得する
1、選択したradioで取得
2、typeで取得
3、nameで取得
三、RADIOが選択されているかどうかを判断する
ここでは、選択するかどうかをループで判断し、実際のプロジェクトでは、要素のidやepを使用してラベル要素を取得することができます.
<input type="radio" name="sex" id="man_radio" value="1" />
<input type="radio" name="sex" id="woman_radio" value="0" />
一、RADIOを選択
1、idでradioを見つけて男を選ぶ
$(´#man_radio´).attr(´checked´, ´true´);
2、nameでradioを見つけて男を選ぶ
$("input[name=sex]:eq(0)").attr("checked",´true´);
3、nameとvalueでradioを見つけて男を選ぶ
$("input[name=sex][value=´1´]").attr("checked",true);
選択を解除するには、trueをfalseに変更するだけでよいほか、選択を解除する方法として、属性checkedで判断するコードがあります.
$("#man_radio").attr("checked","checked");//
$("#man_radio").removeAttr("checked");//
二、選択した値を取得する
1、選択したradioで取得
$(´input:radio:checked´).val();
2、typeで取得
$("input[type=´radio´]:checked").val();
3、nameで取得
$("input[name=´rd´]:checked").val();
三、RADIOが選択されているかどうかを判断する
ここでは、選択するかどうかをループで判断し、実際のプロジェクトでは、要素のidやepを使用してラベル要素を取得することができます.
$("input[name=sex]").each(function(){
if($(this).attr("cheked")){
alert(‘ ’);
}else{
alert(‘ ’);
}
})