radio的选择和赋值

转载 (原文地址) 周美娜 随笔 待整理 167阅读 2018-06-28 18:26:06 举报

实例如下:

   <body>
    <input type="button" onclick="art();">点击
    <form action="XXXXXX", method="get">

    <label><input name="Fruit1" type="radio"  value="11" />苹果1 </label> 
    <label><input name="Fruit1" type="radio"  value="12" />桃子1 </label> 
    <label><input name="Fruit1" type="radio"  value="13" />香蕉1 </label> 
    <label><input name="Fruit1" type="radio"  value="14" />梨 1</label> 
    <label><input name="Fruit1" type="radio"  value="15" />其它 </label>
    <hr/>
    <input type="button" onclick="ccc()" value="订单" />
  </form>
  </body>

相应的js如下:

$("input:radio[name='Fruit1']").attr("checked",true); *****一组单选按钮有许多个radio,程序不知道该选择那个radio,所以不执行,页面显示不出来。

$("input[type='radio']").attr("checked",false); *** 取消所有的radio的选中

var val =$("input[type='radio']:checked").val(); **获取选中radio的值 如苹果的是11。

指定相应的radio被选中
$("input[type='radio']").eq(3).attr("checked",true); *****一组单选中第四个radio被选中,实例中是梨1的radio。

$("input[type='radio'][name='Fruit1']").eq(2).attr("checked",true);****一组name为'Fruit1'单选按钮中第二个被选中。

$("input[type='radio'][value='13']").attr("checked",true); *****值为13的radio被选中。特别指出:只要是值为13的radio就都被选中。

获取文本

var fg = $("input[name='Fruit1']:checked")[0].nextSibling.nodeValue; ****获取的选中radio的文本,如果苹果1被选中 alert(fg);显示的是“苹果1”。

在input后加标签<lable></lable>后获取文本,如:

<input name="Fruitn" type="radio" value="15" /><span>其它 </span>

var valued = $("input[name='Fruitn']:checked").next("span").text(); 这样获取的是"其他"。

判断是否被选中:

(jquery)

$("input[name='Fruit1']").each(function(){
//这里是查找name=Fruit1的选框并遍历 当然你也可以直接用 $("input:radio") 代替$("input[name='Fruit1']")
if($(this).attr("checked")=="checked"){
//这里是判断是否被选中
alert(78);
}
});

(js)

var inputList = document.getElementsByName(“Fruit1");

for(var i=0;i<inputList.length;i++){
if(inputList[i].checked==true){
alert(567);
}

}

注意js要使用:高版本,如:jquery-1.8.3.min.js(或者更高版本的)。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复