本文实例讲述了jQuery简单实现遍历单选框的方法。分享给大家供大家参考,具体如下:
1,问题背景:
有四个单选框,分别为一年四季,现在需要判断是否选中,如果选中这个单选框,就将其值赋值给输入框
2,实现代码:
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title>遍历单选框& lt;/title>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/jquery-1.7.2.min.js "祝辞& lt;/script>
& lt; style>
#{结果
宽度:200 px;
}
& lt;/style>
& lt; script>
$(文档)时函数(){
$(" #季节”).click(函数(){
var赛季=" ";
$("输入[name=' rad '] ") . each(函数(i) {
如果($().(":检查"))
{
+=蹦≡竦氖且荒甑牡? + (i + 1) +“季度:" + $(这).val ();
}
});
$(" #结果”).val(季节);
});
});
& lt;/script>
& lt;/head>
& lt; body>
& lt; div>
& lt;输入类型=肮悴ァ眓ame=" rad " id=按禾臁奔壑?" https://www.yisu.com/zixun/春季”/比;
& lt;标签="春天"祝辞春季& lt;/label>
& lt;输入类型=肮悴ァ眓ame=" rad " id="夏天" value=" https://www.yisu.com/zixun/夏季”/比;
& lt;标签=跋募尽痹谙募? lt;/label>
& lt;输入类型=肮悴ァ眓ame=" rad " id=扒锾臁奔壑?" https://www.yisu.com/zixun/秋季”/比;
& lt;标签=扒锾臁痹谇锛? lt;/label>
& lt;输入类型=肮悴ァ眓ame=" rad " id=岸臁奔壑?" https://www.yisu.com/zixun/冬季”/比;
& lt;标签=岸尽痹诙? lt;/label> & lt; br>
& lt;输入类型="文本" id="结果"/祝辞& lt; br>
& lt;输入类型="按钮" id=凹窘凇眝alue=" https://www.yisu.com/zixun/季节”/比;
& lt;/div>
& lt;/body>
& lt;/html>
之前
3,实现效果图:
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery形式操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery常用插件及用法总结》,《jQuery扩展技巧总结》,《jQuery表格(表)操作技巧汇总》及《jQuery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
