jquery遍历数组_jQuery简单实现遍历单选框的方法

更新时间:2021-07-09    来源:jquery    手机版     字体:

【www.bbyears.com--jquery】

1、问题背景:

有四个单选框,分别为一年四季,现在需要判断是否选中,如果选中这个单选框,就将其值赋值给输入框

2、实现代码:

 

 代码如下

  

    

    遍历单选框

    

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

    

    

<script>

$(document).ready(function(){

$("#season").click(function(){

varseason ="";

$("input[name="rad"]").each(function(i){

if($(this).is(":checked"))

{

season +="您选择的是一年的第"+ (i+1) +"季度:"+ $(this).val();

}

});

$("#result").val(season);

});

});

</script>

  

  

    

      春季" type="radio"/>

      春季

      夏季" type="radio"/>

      

      

      秋季

      

      冬季

      

      

    

  


 

3、 实现效果图:

本文来源:http://www.bbyears.com/wangyezhizuo/128770.html

热门标签

更多>>

本类排行