`

jquery当radio值发生变化时触发行为

jQuery百度XHTMLHTML
阅读更多
JQuery radio checked 选中事件2010-08-09 11:57<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>test</title>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".radioItem").change(
function() {
var $selectedvalue = $("input[name='rl$tt']:checked").val();
alert($selectedvalue);
if ($selectedvalue == 1) {
window.location = "http://www.g.cn";
}
else {
window.location = "http://www.baidu.com";
}
});});
</script>
</head>
<body>
<table id="rl">
<tr>
<td><label>谷歌</label>
<input id="rl_1" class="radioItem" checked="checked" name="rl$tt" type="radio" value="1" />
<label>百度</label>
<input id="rl_2" class="radioItem" name="rl$tt" type="radio" value="2" /></td>
</tr>
</table>
</body>
</html>
分享到：
| chrome 取消迅雷扩展
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JQuery触发radio或checkbox的change事件

    在JQuery中，当给radio或checkbox添加一个change事件时，如果它的值发生变化就会触发change事件;本文将详细介绍如何利用JQuery触发Checkbox的change事件需要了解的朋友可以参考下

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

    本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下： 代码如下:&lt;html&gt; &lt;head&gt; &lt;title&gt;单选框radio绑定click事件&lt;/title&gt; &lt;meta ...

    jQuery获取Radio,CheckBox选择的Value值(示例代码)

    //事件 当对象text_id获取焦点时触发$(“#text_id”).blur(function(){//code…}); //事件 当对象text_id失去焦点时触发$(“#text_id”).select(); //使文本框的Vlaue值成选中状态$(“input[name=’radio_name’]...

    利用jquery操作Radio方法小结

    在开发中经常会用到Radio来实现用户的选择效果，我在项目中积累了一些利用JQUERY来操作Radio的方法，在这里分享一下，供有需要的朋友借鉴。 1、改变radio的选择，触发一些效果 代码如下: $(“input:radio[name=’...

    jQuery详细教程

    当我们在教程中演示 jQuery 时，会将函数直接添加到 &lt;head&gt; 部分中。不过，把它们放到一个单独的文件中会更好，就像这样（通过 src 属性来引用文件）： 实例 &lt;script type="text/javascript" src="jquery.js"&gt; ...

    jquery-1.1.3 效率提高800%

    jQuery.get( url, [data], [callback] )参数: url (String): 装入页面的URL地址 Map(可选): （可选）发送到服务端的键／值对参数 callback (Function): （可选） 当远程页面装入完成时执行的函数 ...

    Jquery操作radio,checkbox,select表单操作实现代码

    //为Select添加事件，当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text 3. var checkValue=$(“#select_id”).val(); //获取Select选择的Value...

    Radio 单选JS动态添加的选项onchange事件无效的解决方法

    delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。 ...

    jquery zTree

    * 【修改】初始化时 radioType="all", 父节点未展开 且 子节点有被勾选，点击其他 radio 时，不会取消勾选该子节点的bug * 【修改】多棵树拖拽时，拖拽无效后会导致目标书已选择的节点清空的 bug。 * 【修改】多...

    一个基于jquery的页面表单草稿自动保存代码

    支持input type为 text,textarea,checkbox,radio,select,password,hidden的草稿自动保存 hidden的特殊性，因为hidden要手动触发change事件，当值改变的时候要 手动代码 .change() 触发一下才会保存相应的草稿 要实现...

    JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)

     //为Select添加事件，当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text 3. var checkValue=$(“#select_id”).val(); //获取Select选择的...

    人工智能-项目实践-检索系统-基于lucene全文检索引擎实现的短文本匹配系统

    基于lucene全文检索引擎实现的短文本匹配系统 ajax什么时候执行success，什么时候...jquery获取input type=raido的值 $('input:radio[name="radioname"]:checked').val(); springmvc中返回json数据时，如果json中有中

    jQuery中$.click()无效问题分析

    今天做表格前台导出到xls时，想自动触发a的点击。但失败。最后找到这个文件。 我尝试过多次用jQuery模拟用户点击a标签的功能，但都没有成功，并且困扰了很久。前段时间的一次发呆，冒出了新的想法，于是就动手进行了...

    jquery-iforms:协助开发 McKesson iForms 的脚本库

    jquery-iforms 基于使用 jQuery 框架的 iForm 脚本库 版本：...相关启用 相关可见 相关切换类 相关设置值 selectOnUpdate（旧的 ChildCallbackToParentCheckbox 函数） 触发功能 全部触发更新 添加更新触发器 触发更新

    jQuery实现 RadioButton做必选校验功能

    按理说，页面上的若干个Radio Button 在页面加载初始化时，是默认选中第一个的，但总是避免不了一些特殊的需求——所有的单选按钮都不选中，仅当用按钮触发事件时再去做必选校验。例如： &lt;div class=radio&gt; @...

    jQuery select操作控制方法小结

    //为Select添加事件，当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text 3. var checkValue=$(“#select_id”).val(); //获取Selec

    解决layui中onchange失效以及form动态渲染失效的问题

    最近在使用layui框架做城市的三级级联的时候，发现jquery中的onchange事件方法在layui框架中失效了。 然后浏览layui社区，了解到layui监控一个控件变化有自己的方法。 html &lt;select lay-filter=test&gt;&lt;/...

    jQuery获取Select选择的Text和Value(详细汇总)

    //为Select添加事件，当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text 3. var checkValue=$(“#select_id”).val(); //获取Select选择的Value...

Magicbox
Global site tag (gtag.js) - Google Analytics