精华内容
下载资源
问答
  • 按钮的事件是通过 $(":radio").each(function(){}); 绑定的。js是通过在底部引用js文件,在页面全部加载完成之后,点击下拉框会触发时间,将表格中的内容全部加载完毕,但是点击下一月的时候function alertdate(){...

    这里写图片描述

    在点击上个月和下个月的按钮时候,会出现按钮失效,页面没有报错。

    按钮的事件是通过
    $(":radio").each(function(){});
    绑定的。

    js是通过在底部引用js文件,在页面全部加载完成之后,点击下拉框会触发时间,将表格中的内容全部加载完毕,但是点击下一月的时候

    function alertdate(){
    
            $("#calendar").empty();
            employeeId=$("#employee").val();
            var employeeName=$("#employee option:checked").text();
    
            renderhtml();    //对日历div中增加表格元素
            showCalendarData(employeeId);  //在表格中显示日期
            bindEvent();   //对表格上方的上月下月绑定事件
    
        }
    function toNextMonth(){
            var date=dateobj.getDate();
            dateobj.setDate(new Date(date.getFullYear(),date.getMonth()+1),1)
            showCalendarData(employeeId);
            //$(":radio").click(radioclick);
            //alertdate();
        }

    此时会执行toNextMonth函数,此函数中radio按钮是重新全部生成的,在之前绑定的radio onchange事件会全部失效。 此时需要重新进行绑定事件。

    后将绑定事件的代码放进 showCalendarData(employeeId)函数末尾,此函数用来生成表格中的内容,在函数的最后会重新进行事件的绑定,从而解决该问题。

    展开全文
  • Ext.onReady(function() { var panel=new Ext.Panel({ renderTo:'panel', frame:true, ...这样写有100个按钮我就需要绑定100次,我知道有种方法好像是使用RadioGroup,还有其他办法解决这个问题吗
  • 主要介绍了jquery单选框radio绑定click事件实现方法,可实现针对单选框radio值的改变作出响应,非常具有实用价值,需要的朋友可以参考下
  • 这篇文章主要介绍了 jquery 单选框 radio 绑定 click 事件实现方法 ,可实现针对单选框 radio 值的改变作出响应 ,非常具有实用价值 ,需要的朋友可以参考下 本文实例讲述了 jquery 单选框 radio 绑定 click 事件实现...
  • 说明:做一个风险问卷调查,topicsData为一个存放题目的数组, contentData存放的是每个题目对应的选项,存放格式如下: 代码: <Card v-for="(item, index) in ...-- 加上:label="index1"才实现了radio的单选功能

    说明:做一个风险问卷调查,topicsData为一个存放题目的数组, contentData存放的是每个题目对应的选项,存放格式如下:
    在这里插入图片描述
    在这里插入图片描述
    代码:

    <Card  v-for="(item, index) in topicsData" :key="index">
          <div >
             <h5 >{{index+1}}.{{item}}</h5>
             <!-- 加上:label="index1"才实现了radio的单选功能,并且是在radio中进行v-for,而不是radiogroup -->
    		 <RadioGroup  vertical>
    				<Radio v-for="(item1, index1) in contentData[index]"  :key="index1" :label="index1" >
    					<Icon type="social-apple"></Icon>
    					<span>{{contentData[index][index1]}}</span>
    				</Radio>
    		</RadioGroup>
    	  </div> 
    </Card>
    

    需求: 现需要根据选择的每个选项,返回选项的的得分数组,已经设置每个选项的得分为1,2,3,4(递增), 例如返回十个问题的选择数组为[1,3,1,4,2,3,2,4,1,1]。

    所以需要给每组radio添加点击事件,看iview文档有自带的on-change函数,但是我在radio中添加这个函数没有什么反应。那我想到给iview Radio 组件的时候点击绑定一个@click事件,但是也不会有任何效果,百度得:这是因为vue的事件处理是监听的DOM事件,而iView内的组件不属于DOM。用以下代码解释下为什么。

    父组件代码:
    在这里插入图片描述
    子组件Child代码:
    在这里插入图片描述
    浏览器展示,点击父组件会打印出内容,子组件不会有反应:
    在这里插入图片描述
    这是因为当在组件的标签上去监听click事件,默认的话会去监听一个叫click的自定义事件,而该子组件里没有$emit(‘click’)自定义事件,所以在父组件里面是监听不到自定义事件。

    解决办法1:此时我们想使用的是个原生的click函数,所以可以使用.native 修饰符
    若在组件的标签上去监听原生事件的话,需要加上.native 修饰符
    若在普通的标签,则可以直接监听它的原生事件

    既然 Radio 不支持click,那就想办法在能让元素响应 click


    解决办法2:既然 Radio 不支持click,那就想办法在能让元素响应 click。在Radio外包裹一层标签: div/span,可以在外标签上添加点击事件,弊端是需要给 Radio增加一个包裹元素,可能还需要对元素写个样式,不要影响到原Radio 元素布局。

    而此时,采用方法1 适合:

    <Card  v-for="(item, index) in topicsData" :key="index">
          <div >
             <h5 >{{index+1}}.{{item}}</h5>
             <!-- 加上:label="index1"才实现了radio的单选功能,并且是在radio中进行v-for,而不是radiogroup -->
    		 <RadioGroup  vertical>
    				<Radio @click.native="change(index,index1)" v-for="(item1, index1) in contentData[index]"  :key="index1" :label="index1" >
    					<Icon type="social-apple"></Icon>
    					<span>{{contentData[index][index1]}}</span>
    				</Radio>
    		</RadioGroup>
    	  </div> 
    </Card>
    
    展开全文
  • 单选框radio绑定click事件

    千次阅读 2017-09-14 09:32:00
    单选框radio绑定click事件 ;charset=utf-8" /> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> $(function() { $(".kkk :radio").click(function() { alert("您是..." + $...
    <html>
    
    <head>
        <title>单选框radio绑定click事件</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $(".kkk :radio").click(function() {
                    alert("您是..." + $(this).val());
                });
            });
    
        </script>
        <style type="text/css">
            h5 {
                color: blue;
            }
            
            textarea {
                resize: none;
            }
            
            #word {
                color: red;
            }
    
        </style>
    </head>
    
    <body>
        <h5>单选框 radio 绑定 click 事件</h5>
        <form action="" method="" class="kkk">
            <input type="radio" name="gender" value="男性">男性
            <input type="radio" name="gender" value="女性">女性
            <input type="radio" name="gender" value="猜猜看">猜猜看
        </form>
    </body>
    
    </html>
    

     

    转载于:https://my.oschina.net/u/3549294/blog/1537137

    展开全文
  • 本文转载自:...使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:1.<input type=...
    本文转载自:
    https://www.cnblogs.com/shenzikun1314/p/6843364.html  作者:shenzikun1314 转载请注明该声明。
    

    使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:

    1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值
    2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值
    3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值
    要想获取某个radio的值有以下的几种事件实现和是否选中的方法.html' target='_self'>方法,直接给出代码:

    1、$('input[name="testradio"]:checked').val();
    2$('input:radio:checked').val();
    3$('input[@name="testradio"][checked]');
    4$('input[name="testradio"]').filter(':checked');

    差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下
    $('input[name="testradio"]').each(function(){alert(this.value);});

    如果要取具体某个radio的值,比如第二个radio的值,这样写
    $('input[name="testradio"]:eq(1)').val()

     

    下面实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。

    具体实现方法如下:

    <html>
    <head>
    <title>单选框radio绑定click事件</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
    <script type="text/javascript"> $(function(){ $(":radio").click(function(){ alert("您是..." + $(this).val()); }); }); </script>
    <style type="text/css"> h5{color:blue;} textarea{resize:none;} #word{color:red;} </style>
    </head>
    <body>
    <h5>单选框 radio 绑定 click 事件</h5>
    <form action="" method="">
     <input type="radio" name="gender" value="男性">男性 <input type="radio" name="gender" value="女性">女性 <input type="radio" name="gender" value="春哥">春哥 </form>
    </body>
    </html>

     

    展开全文
  • jquery单选框radio绑定click事件实现方法本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。具体实现方法如下:单选框radio绑定click事件$(function(){$(":radio").click(function(){...
  • 其实当你用jquery绑定onchange事件的时候你就无形中给每个radio绑定事件,所以才会出现执行多少次的问题了,那么如何解决呢,其实这个问题就是最好的解决方法了,你想阿,一组radio当然只会选中一个,但是没有 ...
  • 页面radio切换效果,开始的时候用的是checked...因此使用的jquery的绑定click事件,判断radio的值,这样可以做出radio选中切换的效果了。 js如下://处理切换录入方式-begin $(function(){ $("input:radio[name='o
  • 然后遇到两个问题 如果给radio绑定点击事件 当性别女的时候是会触发的 是男的时候 默认就选中了 不会触发点击事件 那js给value赋值的函数就不能调用 日期不能被赋值 如果使用 $(function(){ var val=$('input...
  • 设定一个场景,比如我数据库里面有很多的卡号,有些卡是正常的,有些卡是注销的, 有些卡是已经挂失了的...不知道可不可以用radio。我点正常,就能弹出是正常卡的信息, 如果我点注销,就能弹出注销的卡的信息。
  • radio 绑定标签

    千次阅读 2011-09-30 17:27:26
    HTML 代码中,radio 是没有标签的,但可以绑定一个标签,点标签时,等同于点radio使用label, 属性for 的值为绑定radio ID 缺省 正面 反面
  • JQuery 绑定事件.bind() 绑定radio

    千次阅读 2012-01-06 15:11:07
    今天遇到了一个小问题,关于 html 中 radio 值绑定的问题,发现使用 JQuery中的 .bind() 事件 可以更加有效的 达到我需要的功能, 作为笔记记录共享于此,提供给刚...JQuery 绑定事件.bind() 绑定radio

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 39,380
精华内容 15,752
关键字:

radio绑定事件