900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > jquery给单选按钮赋值_jquery循环遍历radio单选按钮 并设置选中状态

jquery给单选按钮赋值_jquery循环遍历radio单选按钮 并设置选中状态

时间:2022-04-16 02:04:07

相关推荐

jquery给单选按钮赋值_jquery循环遍历radio单选按钮 并设置选中状态

背景:自己在做项目过程中遇到的问题,现在记录一下。

需求:在ajax获取后台数据的之后,需要根据获取的数据对页面中的radio单选按钮进行选中状态设置

因为自身js功底欠佳,所以耽误了点时间,现在把方法写一下

先贴一下html代码,这里就以最简单的代码来演示:

对应的页面显示是:

下面是js代码,这里用的是jquery:

//获取radio对象

var radioObj = $('.optionsRadios');

//模拟后台回传数据,这里手动设置为1或者0

var data = 1;

//for循环遍历radio对象,比较radio对象中的value和data是否一致

//如果一致就设置状态为选中,然后跳出循环,并将其他按钮的状态设置为false

for(var i=0; i

if(radioObj[i].value == data){

radioObj[i].checked = true;

break;

}

radioObj[i].checked = false;

}

代码完了。

然后手动改动data的值,模拟后台回传数据变化,就会看到radio单选框的状态是跟着data变化而变化的。

好了,js遍历radio就是这样。

JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息

今天项目中所解决的问题:JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息,一开始总是获取不到 radio 的值,后来发现逻辑存在些问题,特此共享该代码留笔记 和 分享给遇到 这类问题的 ...

JavaScript判断 Radio 单选按钮是否为选中状态 并弹出 值信息

今天在百度前端任务中遇到了一个以前没怎么注意的知识点,所以就准备记下来

[转发]for 循环,jQuery循环遍历详解

1.for 循环原生JS最基本的使用: for (var i=0;i

jQuery循环遍历取值

1:循环遍历取值 var arr = new Array(); $(".plus-tag a span").each(function(i) { arr[i] = $(this). ...

jQuery判断复选框checkbox的选中状态

通过jQuery设置复选框为选中状态 复选框 错误代码: $("input").attr(&quo ...

JQuery Mobile - 修改复选框的选中状态无效解决办法!

今晚,在编写JQuery Mobile程序时候,需要在代码里面控制复选框的选中状态,很简单的代码啊,很快完成了!等测试程序时候傻眼了,页面无论如何也不按照我写的代码显示出来!问题出在哪里呢?是我写的控 ...

jq给单选框 radio添加或删除选中状态

$("#div1 :radio").removeAttr("checked");//删除目标div下所有单选框的选中状态 $("#div1 :radi ...

jquery操作select(取值,设置选中)

最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料 一.基础取值问题 例如 ...

jquery操作select(取值,设置选中) 基础

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如&g ...

随机推荐

10款让人惊叹的HTML5/jQuery图片动画特效

1.HTML5相册照片浏览器 可连接Flickr照片服务 以前我们经常会分享一些jQuery相册浏览插件,效果不错,实用性也很强.不过如果能利用HTML5来实现相册浏览器,那么相册浏览效果肯定会更加炫 ...

HW6.3

import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

转:6款Java转C#的最佳工

原文来自于://03/27/best-tools-to-convert-java-to-c-source-code/ ava is the class ...

jstree的简单用法

一般我们用jstree主要实现树的形成,并且夹杂的邮件增删重命名刷新的功能 下面是我在项目中的运用,采用的是异步加载 $('#sensor_ul').data('jstree', false).emp ...

LODOP 获取打印设计代码不带INIT初始化语句

前面的博文生成JS代码模版和文档式模版,生成的是带初始化语句的模版,如果想要打印多个,可以循环多个任务,什么是一个任务,可查看本博客相关博文:Lodop打印语句最基本结构介绍(什么是一个任务)一个任务 ...

R apply() 函数和 tapply() 函数

apply(a,b,c) a是矩阵 b是行或列的代表,1是行,2是列 c是执行函数,如求和-sum,求平均-mean,求-range tapply(a,b,c) a是一个一维数据, ...

centos7搭建filebeat

filebeat的环境搭建 cd /home/elk wget https://artifacts.elastic.co/downloads/beats/filebeat/filebeat-6.2.4 ...

python 运行日志logging代替方案

以下是自己写的 记录日志的代码.(和logging不搭嘎,如果如要学loggging模块,本文末尾有他人的链接.) # prtlog.py ############################## ...

jdreact相关操作注意事项

1:sublime 安装babel 插件可以 识别react代码,变色,使用javascipt(babel): 2:热更新:import React, {Component } from 'reac ...

Codeforces Round #345 (Div. 1) D - Zip-line 带单点修改的LIS 主席树 | 离线树状数组

D - Zip-line #include #define LL long long #define fi first #define se second # ...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。