本文主要介绍了jquery简单实现遍历单选框的方法,涉及jquery针对页面表单元素的遍历及事件响应相关操作技巧,需要的朋友可以参考下，希望能帮助到大家。
1、问题背景：
有四个单选框，分别为一年四季，现在需要判断是否选中，如果选中这个单选框，就将其值赋值给输入框
2、实现代码：
html>
<meta>
<title>遍历单选框</title>
<script></script>
<style>
#result{
width: 200px;
}
</style>
<script>
$(document).ready(function(){
$("#season").click(function(){
var season = "";
$("input[name='rad']").each(function(i){
if($(this).is(":checked"))
{
season += "您选择的是一年的第" + (i+1) + "季度：" + $(this).val();
}
});
$("#result").val(season);
});
});
</script>
<p>
<input>
<label>春季</label>
<input>
<label>夏季</label>
<input>
<label>秋季</label>
<input>
<label>冬季</label><br>
<input><br>
<input>
</p>
3、 实现效果图：
jQuery 1.12.4
下载
jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。
相关推荐：
