本文实例讲述了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、 实现效果图:
希望本文所述对大家jQuery程序设计有所帮助。