jQuery简单实现遍历单选框的方法

本文实例讲述了jQuery简单实现遍历单选框的方法。分享给大家供大家参考，具体如下：

1、问题背景：

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

2、实现代码：

！DOCTYPE html html head meta charset=' UTF-8 '标题遍历单选框/title脚本类型=' text/JAVAScript ' src=' http : jquery-1。7 .2 .量滴js /脚本样式# result { width : 200 px }/style script $(文档)。ready(function(){ $('#season ')).单击(function(){ var search=' '；$('input[name='rad']').每个（函数(i){ if($(this)).是(' :已选中'){季节='您选择的是一年的第1 '季度：' $(这个)。val()；} });$(“# result”).val(季节);});});/脚本/头体div输入类型=' radio '名称=' rad ' id=' spring '值='春季/标签为='春天'春季/标签输入类型=' radio ' name=' rad ' id=' summer ' value='夏季/label for='summer '夏季/标签输入类型='radio '名称='rad' id='秋值='秋季/标签为='秋天'秋季/标签输入类型=' radio ' name=' rad ' id=' winter ' value='冬季/标签为='冬季'冬季/labelbr输入类型='text' id='result' /br输入类型='按钮' id='季节'值='季节//div /body/html3、实现效果图：

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery form操作技巧汇总》 、 《jQuery操作json数据技巧汇总》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery表格(table)操作技巧汇总》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。