页面上有两个radio,选中第一个页面数据实时5s刷新一次,另外一个则是静态数据

怎么监听用户是否选中了第一个radio,第一个radio选中则每隔5s刷新数据,当切换
回第二个radio时,则不再动态刷新数据,如果继续选中第一个radio,则继续每隔5s
刷新一次,两个radio可以随用户自己意愿自由切换

0

5个回答

 <!DOCTYPE html>
<html>
<body>
<input name="button" type="radio" value="" onclick="radioClick('1')">启动</>
<input name="button" type="radio" value="" onclick="radioClick('0')">停止</>
<div id="show"></div>
<script>
var i=0;
var flag=0;
function radioClick(status){
   if(status==1){
      start();
   }else{
      stop();
   }
}
function start(){
  flag = 1;
  setTimeout(refresh,2000);
}
function stop(){
  flag = 0;
}
function refresh(){
   if(flag){
     i++;
     document.getElementById('show').innerHTML = i+"";   
     start();
   }
}
</script>
</body>
</html>
1

在页面中加一个标记,hidden类型的,选中这个radio的时候就执行一个function,function判断是否为第一个radio,如果第一个,则运行一个时间周期为5秒的方法,并且五秒之后再判断页面中的标记是否为可执行(在用户选中除第一个以外的radio的时候则把标记设置为不可执行);

1

给个全局变量,如果选中你需要的就变为1不是的就是0,这样的话就可以控制了,至于时间的话可以用定时器setInterval,然后进行clearInterval 就可以了

1

js事件绑定能行不,onchange

0

定义一个变量,点击radio,控制变量,设置true或false。

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
表单中有一个搜索框,有两个radio条件选择,选中第一个时点击提交按钮时就跳转到zs_search.jsp搜索页面,
用户搜索         管理员搜索  function ch(a){     form1.action=a; }
网页定时刷新的三种方法
1. 页面自动刷新:&amp;lt;meta http-equiv=&quot;refresh&quot; content=&quot;5&quot;&amp;gt;// 注:5,单位为秒,上述表示每隔5s刷新一次2. 刷新时跳转到指定页面&amp;lt;meta http-equiv=&quot;refresh&quot; content=&quot;5;url=http://www.baidu.com&quot;&amp;gt;//注:5s后自动跳到百度3. 页面自动刷新js版&amp;lt;scrip
多个radio点击只能选中一个
其实就是将你的几个radio的name都命为一样的名字 html页面: &amp;lt;div&amp;gt; input type=&quot;radio&quot; name=&quot;shyfsz&quot;&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;div&amp;gt; input type=&quot;radio&quot; name=&quot;shyfsz&quot;&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;div&a
Radio按钮回写功能,切换checkbox选中状态
产品         材料        供应商              var proRadio = ${proRadio};//后台传过来回写数据         var   radio = document.getElementsByName("proRadio");//获得name属性集合       for(var i=0;i          if(proRadio =
input radio按钮点击选择,点击另外一个,前一个不被选择
设置name名字一样 就可以了  有充值               没有充值
html中点击radio后的文字相当于选中该单选按钮如何实现?怎么实现两个redio,选中一个,取消另一个?
一:实现点击redio后面文字选中redio。代码如下:方法①:&lt;input type=&quot;radio&quot; id=&quot;clickIn&quot;/&gt; &lt;label for=&quot;clickIn&quot;&gt;点击我选中&lt;/label&gt; 解释:input标签设置ID,文字添加一个lable标签,设置一个for属性值与ID值相同即可。 方法②:&lt;label &gt; &lt;input type=&quot;radio&quot;
jQuery eq()方法 =》加载页面时单选框默认选中
*加载页面时单选框默认选中(此方法适用于循环输出的单选钮的默认选中问题) 1 2   $("input[type='radio'][name='jing']:eq(0)").click() 或者 $("input[type='radio'][name='jing']:eq(0)").attr("checked","checked") 延伸: 单选按钮的name值相同。默认
一张html页面上有多个单选框,选中一个值之后,立刻在页面上显示选中单选框的那个值
New Document <!-- function show_selected_item_val($item){ document.getElementById("show_content").innerHTML= $item.value; } //--> 你喜欢吃啥 青菜 萝卜 花菜 小麦 西红柿 你选择的是:
html中的单选按钮radio如何实现可同时选中多个值进行表单提交
为了便于学习,我们将单选按钮radio和复选框checkbox作对比: 具体代码如下: ****************************************************test.html文件如下**************************************************************************
多个RadioGroup,只允许一个选中的解决方案
主要关注onCheckedChangeListener方法~ public class ConferenceActivity extends BaseActivity implements OnCheckedChangeListener{ public static final String TAG = "ConferenceActivity"; //function mou
jquery如何让网页数据仍保持为刷新前的状态(含radio按钮)
例,要使某些信息刷新后还在.如收费项,及是否显示单选按钮 1.后台Dao层获取数据库对应得字段信息(下面以siteId去获取) public Record getChargeInfo(String siteId){ //此处仅为一条包含多个对象的数据,故为Record类型,若为列表则为List StringBuffer sb = new StringBuffer(); sb.append(“se...
EasyUi 关闭一个tab选项卡后,跳到另一个选项卡,并刷新这个选项卡中的数据表格
这周做一个demo,需求是 A选项卡内容为一个datagrid数据表格,选中表格中的某条记录,进行修改,点击修改按钮后,会生成另一个B选项卡作为修改之用。 修改完毕后点击保存,会关闭B选项卡,并跳到A选项卡中,并且刷新其数据表格。 需要三个页面 A选项卡、B选项卡以及主页index 首先B选项卡的代码如下: function handleApply(flg){ var taskId =...
一进入页面选中第一个按钮,并展示按钮下的数据
页面是按钮的排布,一进入页面默认选中第一个按钮,并且展示第一个按钮下的数据,然后点击哪个按钮显示哪个按钮下的数据。 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 投标人统计分析 <% // String firstDay=(String)r
网页自动刷新的实现
     有时候用到页面整体自动刷新,在前端可以用两种方式实现,第一种是利用meta标签发送http头实现自动刷新,第二种是使用javascript函数延时实现自动刷新。   1、利用meta标签实现页面自动刷新   meta标签可以有很多功能,位置是放在HTML代码的之间,如下可实现每过5s刷新一次页面, meta http-equiv="refresh" cont
根据数据动态创建radiobutton,默认选中第一个,并随点击切换碎片
private void initRadioGroup() { for (int i = 0; i list.size(); i++) { RadioButton temp = new RadioButton(this); temp.setBackgroundResource(R.drawable.bg_rb_write_diary); t
jquery获取同一根页面上多个radio…
假设jsp页面上有两组radio,要取到第一组中选中的radio的值和第二组选中的radio的值,假设两组radio的name属性为 a,b; var a = $(':input[name=a][checked]').val(); var b = $(':input[name=b][checked]').val();                                    By:ls
easyUi radio无默认选中问题
&amp;lt;label class=&quot;control-label&quot;&amp;gt;是否调整工作量清单:&amp;lt;/label&amp;gt; &amp;lt;div class=&quot;controls controls-small&quot;&amp;gt; &amp;lt;input type=&quot;radio&quot; id=&quot;xmkf04_1&quot; name=&quot;xmkf04&quot; value=&quo
js中,设置定时器 每隔几秒刷新一次页面数据
页面加载进来,查询  然后设置定时器 每隔五秒刷新一次页面数据 fnSearch(); var interval3=setInterval(function(){      fnSearch(); },5000);     function fnSearch(){      searchjson.search=$(&quot;.iptsearch&quot;).val();     $.ajax({       ...
js + ajax实现自动刷新界面或局部刷新
最近在做一个网站,需要用到实时刷新,于是就学习了一下有关资料,跟大家share一下。 1)其实刷新不用js也可以实现。单纯的html可以用meta标签搞定 //表示间隔10秒后刷新,即打开网页后10秒就跳转到了xxx.com中 2)js的话,有一个reload的函数和navigate的函数可以实现刷新整个页面 window.location.reload(t
在一个页面去刷新另外一个页面
方法一、 Intent intent = new Intent(D.this, A.class); intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); startActivity(intent); 再次启动A时会销毁A之上的所有页面,执行A页面的onNewIntent,或者重新启动A页面 方法二、  1、在主动刷新页面
jsp页面每隔3秒刷新一次
1.新建一个Dynamic Web Project项目,里面新建一个jsp文件,整体的框架如下所示: 2.one.jsp里面的代码如下所示: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> example 该页面每隔3秒刷新一次
解决jquery设置radio选中效果后,再次选中不触发事件问题
我遇到的问题是在多个li下的radio按钮设置了选中效果后,再次选择时无法显示选中效果。 页面代码:     ...... 后来从网上找到的解决方法如下: $(document).ready(function() { $('#allBanksLogo li').click(function(){    var $rad
页面初始化设置单选框radio默认选中,清空默认选中
前言:     页面初始化设置单选框radio默认选中,根据公司已有的标签属性来写的,坑,刚开始一直获取不到这个圆框框,搞了半天,终于搞定了。 浏览器截图: js代码:     产品的name是由uuid生成的; $(function () { //初始化详情页社保默认选中有,填写页社保选中清空 $(document).ready(function(){ ...
17、Radiobutton.setChecked(false)后,刷新页面后无法再点击
 一个radiogroup里有两个radiobutton,选择了其中一个后重置将两个radiobutton setChecked(false), 导致直接再选上一次选中的radiobutton不能选中,而只能先选另外的radiobutton才可以再选这个。这是什么原因呢? 解决: radiogroup clearCheck();  ...
将一个页面的数据传递到第二个页面:
第一个页面的代码: public class MainActivity extends Activity {              private Button btn=null;              public void onCreate(Bundle savedInstanceState)//onCreate方法用来初始化Activity实例对象  
获取页面上所有的选中的radio值以逗号隔开
function getsum() {             var i = 0;             var values = '';             var checked = $("input:checked"); //获取所有被选中的标签元素             for (i = 0; i                 if (i            
vue页面的定时刷新
在做项目时我们肯定会遇到要求该页面几分钟去定时刷新一下获取最新数据这样的情况,那么这个时候我们就要使用setInterval()了。那么我们应该把定时刷新放在什么位置什么时候触发什么时候清除呢?这就需要我们了解vue的生命周期。首先贴一张从官网截下来的图吧。 在该图上我已经标注了触发和清除的时期,那么我们在使用中还有几个需要注意的点。 使用setInterval时this指向的问题。如果...
JavaWeb项目,用ajax请求(不刷新页面)每隔一段时间请求后台json数据,实现实时更新数据需求
1、javascript前端jQuery代码:/*动态加载工厂函数*/    $(function(){    /*实时查询信息*/    realTimeQuery();    }); /*实时信息*/    function realTimeQuery(){    $.ajax(&quot;realTime.do&quot;,{  type:&quot;post&quot;,  data:{pageSize...
进入页面时,初始化radio/checkbox组件
1.初始化radio 是 否 $(function(){ initRadio(); }); function initRadio(){ $("#radioId :radio").each(function (){ if($(this).val()==$("#isLatevalue").val()){ $(this).attr
有2个RADIO单选按钮,当单击其中一个RADIO时,另一个RADIO处于不可选状态(灰色)。...
&amp;lt;style&amp;gt; ul li ,ul{ padding:0; margin:0; list-style-type: none; } &amp;lt;/style&amp;gt; &amp;lt;form method=&quot;POST&quot; action=&quot;--WEBBOT-SELF--&quot;&amp;gt; &amp;lt;div style=&quot;position: absolute; width: 180px; height: 399p...
如何在一个jsp页面中实现对另一个JSP页面的刷新
如何在一个jsp页面中实现对另一个JSP页面的刷新 A.jsp页面是便利所有用户信息, 在A.jsp页面单击(设置服务密码)按扭,弹出一个无地址栏工具栏的B.jsp页面,在B.jsp页面中输入信息后,单击确定按扭,(这时在后台成功向数据库中插入了一条信息,但是A.jsp叶面没有刷新,所以无法显示出刚刚插入的那条记录,) 单击确定按扭后,关闭这个页(B.jsp)并且在A.jsp中刷新,目的是显示出刚...
js 实时刷新 暂停
本人前几天做了一个功能,就是实时刷新
js判断多组radio按钮,每组至少选择一个
   var radiolen = $(&quot;#fushutable input[type=radio]:visible&quot;).length;获取全部可见的radio按钮             var checkedlen = radiolen / 3;//一组3个             if ($(&quot;input[type=radio]:checked&quot;).length &amp;lt; checkedle...
两个单选按钮、一个div实现点击隐藏,显示div
&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; function div
【前台】页面DIV局部自动刷新的实现
定义一个div如下面的例子: 定义了一个div,其中包含有一个&lt;label&gt;标签,显示时间,还包含有一个&lt;img&gt;空间,显示图片 &lt;div style="text-align: center; width: 100%; border: 1px;" id="screenDisplayDIV"&gt; &lt;label&gt;状态时间:&lt;/l...
JavaScript实现页面加载成功后刷新一遍当前页面(一)
<SCRIPT LANGUAGE="JavaScript"> function fresh(){ if(location.href.indexOf("?reload=true")<0){ location.href+="?reload=true"; } } setTimeout("fre
html页面实时刷新显示服务器数据
   在上一篇中我说到浏览器和服务器交互数据,是实现了服务器发数据给浏览器,并在页面上显示, 但是是通过按钮点击刷新的,而且数据是和html页面一起发过来的,在这里我是数据放到页面数组里, 然后把页面数组发给浏览器,这样会打打浪费网络资源,在处理页面数组时,单片机负载也会很大。 那么有没有只交互数据,不发页面的呢? 今天找了几个小时,这个是有的,用ajax.       为什么要在htm...
easyui tabs 一个窗口修改完成后刷新另一个窗口
在一个tab中添加或删除数据后,要改变主页(相当于链接的另一个tab)的内容: 1、在要刷新的窗口的初始化中添加 js 刷新方法,并保存到 window.top 中   window.top["Refresh_CloudHomePage_Content"] = function () {     window.location.reload();   } 2、在主页添加刷新方
Jquery默认选中单选框radio第一个、选中指定值的单选框
Jquery默认选中单选框radio第一个、选中指定值的单选框
js javascript 根据后台的值默认选中单选按钮,radio,单选默认值,单选扭默认
[code=&quot;js&quot;] 初始化单选 function initradio(rName,rValue){ var rObj = document.getElementsByName(rName); for(var i = 0;i &lt; rObj.lengt...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 微信公众号的页面开发教程 微信支付页面开发教程

相似问题

4
js中当一个值小于这个值加20时,就让这个值累加。
5
两个网站都是自己的,如何让a网站的某个DIV内嵌b网站的某个页面?
4
各位JS大牛,我有一个小地方没看懂,是JS语法相关。关于this指向的
3
关于react的一个选择性加载问题,想请教一下
2
前台js自定义的map(存有数据),ajax发送到后台接受,显示map为空
2
js生成的一个随机图片地址数组,怎么引用它呢?
0
h5页面拖动table时复选框checked会重叠的问题
2
重置计算机后,没想到把火狐浏览器给删除了,如何恢复浏览器中的插件和插件中的数据?
6
一个javascript方面的难题,高手都快来看看吧
1
微信小程序将由wx.request接收的值 在视图页面显示出来
10
如何获取选中的li的值
5
下面的代码在DOM树中为什么不表示为一个换行符?
1
一个SKU商品和属性的联动,思考一天还是不对,请大神指教。
9
前端短信验证码60秒只能点击一次怎么实现?
5
java前台js怎么从第一个页面获取值传到第二个页面,并不刷新第二个页面
4
vue技术问题。后台返回一个数组,根据数组的顺序,动态显示子组件的先后顺序,请问怎么解决?
2
如何将一张表格以一个id存入mangoDB中?
1
微信小程序数据渲染,求大神帮帮检查
2
这段js为什么运行不了 我想实现文本框的抓取,以及调用文本数据与后台数据比较,该怎么做
3
js怎么抓取文本框里的数据,抓取出来的数据该怎么使用, 可以再标签之外使用吗?