PHP单选框实现的方法,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、实现效果图：

希望本文所述对大家jQuery程序设计有所帮助。

PHP单选框实现的方法,jQuery简单实现遍历单选框的方法相关推荐

微信消息能在服务器上彻底清除,快速彻底删除微信消息的方法如此简单很多人都用错了方法！...
原标题:快速彻底删除微信消息的方法如此简单很多人都用错了方法! 我们每天都要用微信接收消息,不管是群里发送的还是个人的回复的,大量的信息接踵而至,使得微信内的消息过多致使微信内存不够用,出现微信功能 ...
php 获取下拉框选中的文本,jQuery实现select下拉框获取当前选中的文本
本文主要介绍了jQuery实现select下拉框获取当前选中文本.值.索引以及添加/删除Select的Option项的相关知识,具有很好的参考价值.下面跟着小编一起来看下吧,希望能帮助到大家. 话不多 ...
jQuery简单实现遍历的方法
// each处理一维数组var arr1 = [ "aaa", "bbb", "ccc" ]; $.each(arr1, function ...
html 多选框点击事件,jquery/javascript:单击复选框上的事件和“checked”属性
代码: $('input.media-checkbox').live('click', function(e){ e.preventDefault(); var that = $(this); if ...
php jquery 全选删除,jQuery+php简单实现全选删除的方法
jQuery+php简单实现全选删除的方法发布于 2017-08-06 10:13:21 | 66 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hypertex ...
Java对接腾讯IM以及一些方法的简单封装
一. 腾讯IM快速入门 1. 注册腾讯云账号,找到即时通信IM控制台腾讯IM控制台:https://console.cloud.tencent.com/im 2. 创建即时通信应用 3. 进到应用里 ...
map集合遍历的五种方法
package com.jackey.topic; import java.util.ArrayList; import java.util.HashMap; import java.util.Ite ...
html 12306页面实现,jQuery模拟12306城市选择框功能简单实现方法示例
本文实例讲述了jQuery模拟12306城市选择框功能简单实现方法.分享给大家供大家参考,具体如下: www.jb51.net jQuery城市选择框 #parent{ width:500px; po ...
jQuery简单实现iframe的高度根据页面内容自适应的方法(转)
本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法.分享给大家供大家参考,具体如下:方式1://注意:下面的代码是放在和iframe同一个页面中调用 $("#ifr ...

PHP单选框实现的方法,jQuery简单实现遍历单选框的方法

PHP单选框实现的方法,jQuery简单实现遍历单选框的方法相关推荐

最新文章

热门文章