jquery 多个radio的click事件实例

如下所示：

<div id="ImgRadio" style="float: left; width: 300px;">
            <input type="radio" value="80*80" id="size1" name="size" checked="checked" />80*80
            <input type="radio" value="88*31" id="size2" name="size" />88*31
            <input type="radio" value="300*250" id="size3" name="size" />300*250
            <input type="radio" value="300*300" id="size4" name="size" />300*300
            <input type="radio" value="438*305" id="size5" name="size" />438*305
            <input type="radio" value="463*209" id="size6" name="size" />463*209
            <input type="radio" value="100*60" id="size7" name="size" />100*60
            <input type="radio" value="120*60" id="size8" name="size" />120*60
          </div>

$("#ImgRadio :radio").click(function(){

});

以上这篇jquery 多个radio的click事件实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • JQUERY对单选框(radio)操作的小例子

    复制代码 代码如下: <asp:RadioButtonList runat="server" ID="rblShow" class="show" RepeatDirection="Horizontal"> <asp:ListItem Text="是" value="1" /> <asp:ListItem Text="否" value=&q

  • 利用jquery操作Radio方法小结

    在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴. 1.改变radio的选择,触发一些效果 复制代码 代码如下: $("input:radio[name='dialCheckResult']").change(function (){ //拨通 alert("123"); }); 2.让页面中所有的radio可用. $("input:radio").a

  • jquery单选框radio绑定click事件实现方法

    本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="

  • jquery 多个radio的click事件实例

    如下所示: <div id="ImgRadio" style="float: left; width: 300px;"> <input type="radio" value="80*80" id="size1" name="size" checked="checked" />80*80 <input type="radio&qu

  • 使用jquery模拟a标签的click事件无法实现跳转的解决

    问题描述 最近在使用jquery模拟a标签的click事件,无法触发其默认行为.即click()或trigger('click')无法触发href跳转. <a id="aBtn" href="https://www.car-me.com/">去卡咪官网</a> $('#aBtn').click();//无法跳转,不生效 $('$aBtn').trigger('click');//同样无法跳转,不生效 下面就来一起分析下其原因与解决方法吧 问题

  • jquery 为a标签绑定click事件示例代码

    $(document).ready(function() { $("a[name='del']").click(function(){ Ext.Msg.confirm('提示','你确定要删除该公告吗?',function(button,text){ if(button=='yes'){ window.location.href="/admin/note!delete.action?id=${id}"; } }); }); $("a[class='del2

  • jQuery中click事件用法实例

    本文实例讲述了jQuery中click事件用法.分享给大家供大家参考.具体分析如下: 当鼠标指针在匹配元素上方,然后按下并松开鼠标左键或者调用click()方法都会触发click事件. 一个完整的事件过程,不但要有能够触发事件的条件,而且还要有事件处理程序. 可以通过click()方法为click事件绑定事件处理程序.例如: 复制代码 代码如下: $("button").click(function(){$("div").css("color",

  • Jquery为DIV添加click事件的简单实例

    今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给div添加一个事件了,下面我们来看这个例子的做法. html <a href="javascript:void(0);" id="click_ms" > <img src="img/bbg_08.jpg" border="0" > </a> jquery事件 $('#click_ms').click(function

  • jQuery validate 验证radio实例

    具体代码如下所示: <div class="row cl"> <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>优惠券类型:</label> <div class="formControls col-xs-8 col-sm-9 skin-minimal"> <

  • jQuery之动画ajax事件(实例讲解)

    废话不多说,直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> //ajax $.ajax({ url:'json/test.txt?_='+Math.random(), type

  • jQuery取消特定的click事件

    本文实例讲述了jQuery取消特定的click事件实现方法.分享给大家供大家参考,具体如下: 众所周知, jQuery可以多次绑定同一种事件, 而且绑定的每个事件都可以执行. 问题来了, 在动态生成的DOM中, 我们为某一元素绑定了两种不同的click(假设为A.B), append元素时, 所有元素又绑定一次B, -- 这样会导致最后点击时B事件会成倍往上翻. 幸运的是,jQuery 为我们提供了很优雅的方式, 来取消特定命名空间下的click. <!DOCTYPE html PUBLIC &qu

  • jQuery中click事件的定义和用法

    本文实例讲述了jQuery中click事件的定义和用法.分享给大家供大家参考.具体分析如下: 当鼠标指针在匹配元素上方,然后按下并松开鼠标左键或者调用click()方法都会触发click事件. click()方法也可以绑定事件处理方法. 语法结构一: 触发click事件. 复制代码 代码如下: $(selector).click() 语法结构二: 为click事件绑定事件处理方法. 复制代码 代码如下: $(selector).click(data,function) 参数列表: 参数 描述 d

随机推荐