jQuery实现遍历单选框
来源:互联网 发布:巴纳姆效应 知乎 编辑:程序博客网 时间:2024/05/21 14:00
1、问题背景 有四个单选框,分别为一年四季,现在需要判断是否选中,如果选中这个单选框,就将其值赋值给输入框2、实现源码[html] view plain copy⃕print? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>遍历单选框</title> <script type="text/javascript" src="../js/jquery-1.12.3.js" ></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> </head> <body> <div> <input type="radio" name="rad" id="spring" value="春季" /> <label for="spring">春季</label> <input type="radio" name="rad" id="summer" value="夏季" /> <label for="summer">夏季</label> <input type="radio" name="rad" id="autumn" value="秋季" /> <label for="autumn">秋季</label> <input type="radio" name="rad" id="winter" value="冬季" /> <label for="winter">冬季</label><br> <input type="text" id="result" /><br> <input type="button" id="season" value="季节"/> </div> </body> </html>3、实现结果
0 0
- jQuery实现遍历单选框
- jQuery实现遍历单选框
- jQuery实现遍历单选框
- jQuery遍历实现隔行变色
- jQuery遍历实现隔行变色
- JQuery 节点遍历 实现代码。
- jQuery实现遍历复选框
- jQuery实现遍历复选框
- jquery 实现原理七:DOM遍历-tranversing
- jQuery方法原生实现---each遍历
- JQuery遍历
- JQUERY遍历
- Jquery遍历
- jquery遍历
- jQuery 遍历
- jQuery 遍历
- jQuery 遍历
- jquery 遍历
- 冒泡排序, 简单选择排序, 插入排序, 希尔排序, 快速排序 js 实现
- 洛谷P1330 封锁阳光大学
- 进程和线程关系及区别
- HDU 5922 Minimum’s Revenge 【最小生成树】
- [LeetCode]--165. Compare Version Numbers
- jQuery实现遍历单选框
- Android 实现app的版本升级(迭代)
- 【java学习】排序_Shell排序
- SpringMVC
- HDU 5926 Mr. Frog’s Game (水)
- 滚动拖拽
- Pixhawk原生固件PX4之常用函数解读
- jQuery实现遍历复选框
- 大富翁的游戏规则