`

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

    例如，当用户点击一个radio按钮时，可以触发一个事件来更新其他同组radio的样式，确保只有一个被选中。 在实际项目中，我们可能还需要考虑兼容性问题。不同的浏览器对CSS和JavaScript的支持程度不同，因此我们需要...

    JQuery触发radio或checkbox的change事件

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

    html中radio值的获取、赋值、注册事件示例详解

    这段代码会为所有name为group1的radio按钮注册change事件，当任何一个radio的选中状态发生变化时，就会触发此函数，并打印出当前选中的radio的值。 5. Radio分组 如文档描述所示，一组radio的name属性值必须相同，...

    JQuery操作checkbox、radio等示例

    4. **触发事件**：jQuery允许我们监听用户的交互，比如当checkbox或radio的状态改变时。使用`.change()`方法可以添加事件监听器。例如，`$("#myCheckbox").change(function() { ... })`会在checkbox状态改变时执行回...

    jquery获取radio值(单选组radio)

    在进行Web开发时，经常会遇到需要处理表单元素的情况，其中之一便是单选按钮（radio button）。单选按钮允许用户在一组预设的选项中选择一个。在JavaScript开发中，jQuery库提供了一种简便的方法来处理DOM元素。本文...

    JQuery对radio的操作 (01).zip

    在这个回调函数中，`this`关键字将指向触发事件的元素，你可以利用它来获取当前选中的radio按钮。 在实际应用中，可能需要获取用户选定的radio按钮的值。这可以通过`.val()`方法实现： ```javascript var ...

    JQuery控制Radio选中方法分析

    注意，在使用jQuery选择器时，如果属性值中含有特殊字符（如引号）时，需要适当地进行转义。 为了帮助开发者更好地理解和使用jQuery操作Radio控件，文章提供了具体的实例代码，并说明了在不同情况下如何选取和操作...

    利用jquery操作Radio方法小结

    当Radio的选择发生变化时，会执行绑定的函数。 示例代码： ```javascript $("input:radio[name='dialCheckResult']").change(function(){ alert("123"); }); ``` 这段代码将会在名为dialCheckResult的Radio组内任一...

    layui中使用jquery控制radio选中事件的示例代码

    这段代码定义了一个监听器，当Radio按钮组`yesHave`中的某个选项被选中时，会触发这个事件。在事件回调函数中，我们使用jQuery的`$()`选择器找到name属性为`hasPrepaidVoucher`且title属性为'有'的Radio按钮，并使用...

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

    这段代码的作用是监听所有的单选按钮，当用户点击其中任意一个时，会触发click事件并执行匿名函数内的代码。`click`是jQuery提供的事件处理方法，用于在元素被点击时执行回调函数。 在点击事件的回调函数中，`$...

    Jquery获取Select标签的值

    除了获取 Select 标签的值之外，还可以通过 jQuery 来控制其他表单元素的行为，包括文本框、复选框、单选按钮等。 ##### 1. 文本框与文本区域 - **清空内容**：`$("#txt").val("");` - **填充内容**：`$("#txt")....

    jQuery实现radio第一次点击选中第二次点击取消功能

    在网页开发中，jQuery是一个非常流行的JavaScript库，它简化了DOM操作、事件处理以及Ajax交互等任务。在本文中，我们将深入探讨如何使用jQuery来实现一个特定的功能：单选按钮（radio button）在第一次被点击时选中...

    jQuery获取radio选中项的值实例

    在本实例中，我们探讨的是如何使用jQuery获取单选按钮（radio）选中项的值。单选按钮通常用于提供用户从多个选项中选择一个的情况。 首先，让我们解析一下给出的代码片段： ```html &lt;script src="js/jquery-1.7.2....

    jQuery实现一个自定义的单选按钮radio

    例如，我们可以监听`change`事件，当用户选择一个选项时触发： ```javascript $('input[type=radio][name=choice]').on('change', function() { // 在这里处理单选按钮改变的逻辑 }); ``` ### 4. 自定义样式 要...

    jquery 1.4 cheatsheet

    - 当元素的值发生变化时触发。 - **鼠标进入事件**：`mouseenter([fn])` - 当鼠标指针进入元素时触发。 - **点击事件**：`click([fn])` - 当用户点击元素时触发。 - **鼠标离开事件**：`mouseleave([fn])` - 当...

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