html中radio选择改变事件,radio的选定值改变时触发的事件

radio的选定值改变时触发的事件

(2011-11-04 10:11:24)

标签:

radio

checked

it

JQuery radio checked 选中事件2010-08-09 11:57/p>

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

>

test

$(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";

}

});});

谷歌

name="rl$tt" type="radio" value="1" />

百度

type="radio" value="2"

/>

分享:

a4c26d1e5885305701be709a3d33442f.png喜欢

0

a4c26d1e5885305701be709a3d33442f.png赠金笔

加载中,请稍候......

评论加载中,请稍候...

发评论

登录名: 密码: 找回密码 注册记住登录状态

昵   称:

评论并转载此博文

a4c26d1e5885305701be709a3d33442f.png

发评论

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

### 关于鸿蒙系统中 Radio 组件点击事件的实现 在鸿蒙系统的 ArkUI 开发框架中,`Radio` 组件可以通过绑定 `onChange` 事件来监听用户的选中状态变化,并据此执行特定的操作。以下是具体的实现方式和示例代码: #### 实现方式 当用户选择某个 `Radio` 按钮,会触发其绑定的 `onChange` 方法。该方法接收一个布尔类型的参数 `isChecked`,表示当前按钮是否被选中。如果 `isChecked` 的值为 `true`,则说明此按钮已被选中;反之,则未被选中。 通过判断 `isChecked` 参数的状态,在回调函数内部编写相应的逻辑即可完成对点击事件的处理[^1]。 #### 示例代码 以下是一个完整的例子,展示了如何利用 `onChange` 来响应不同模式的选择(如响铃、振动或静音),并弹出提示消息通知用户已切换至对应模式: ```typescript // 导入必要的模块 import promptAction from '@ohos.promptAction'; @Entry @Component struct Index { build() { Row() { // 定义第一个单框及其关联的动作 Column() { Radio({ value: 'Radio1', group: 'radioGroup' }) .checked(true) // 设置默认选中状态 .height(50).width(50) .onChange((isChecked: boolean) => { if (isChecked) { // 当前项被选中显示提示信息 promptAction.showToast({ message: 'Ringing mode.' }); } }); Text('Ringing'); // 显示文字描述 } // 定义第二个单框及其动作 Column() { Radio({ value: 'Radio2', group: 'radioGroup' }) .height(50).width(50) .onChange((isChecked: boolean) => { if (isChecked) { promptAction.showToast({ message: 'Vibration mode.' }); } }); Text('Vibration'); } // 定义第三个单框及其动作 Column() { Radio({ value: 'Radio3', group: 'radioGroup' }) .height(50).width(50) .onChange((isChecked: boolean) => { if (isChecked) { promptAction.showToast({ message: 'Silent mode.' }); } }); Text('Silent'); } }.height('100%').width('100%').justifyContent(FlexAlign.Center); } } ``` 以上代码片段创建了一个简单的页面布局,其中包含三组分别代表“响铃”、“振动”以及“静音”的单按钮群组。每当其中一个项被激活,都会调用对应的 `promptAction.showToast()` 函数向用户提供即反馈[^2]。 ### 注意事项 - 确保所有同属一组内的 `Radio` 控件都设置了相同的分组名称属性 (`group`) ,以便它们之间形成互斥关系。 - 使用 `.checked(boolean)` 可指定某控件初始状态下是否处于勾状况下,默认情况下不加此项设置的话均为未定状态。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值