本文主要介绍了jQuery简单实现遍历单选框的方法,涉及jQuery针对页面表单元素的遍历及事件响应相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。
1、问题背景:
有四个单选框,分别为一年四季,现在需要判断是否选中,如果选中这个单选框,就将其值赋值给输入框
2、实现代码:
遍历单选框#result{
width: 200px;
}
$(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);
});
});
春季
夏季
秋季
冬季
3、 实现效果图:
相关推荐: