radio的选择和赋值

最新推荐文章于 2023-10-26 11:15:56 发布

zbyluxzing

最新推荐文章于 2023-10-26 11:15:56 发布

阅读量8.1k

点赞数 2

分类专栏： jQuery和js知识点

jQuery和js知识点专栏收录该内容

8 篇文章 0 订阅

订阅专栏

实例如下：

   <body>
    <input type="button" οnclick="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" οnclick="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>后获取文本,如：

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(或者更高版本的)。