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="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程序设计有所帮助。
-
本文向大家介绍jquery 多个radio的click事件实例，包括了jquery 多个radio的click事件实例的使用技巧和注意事项，需要的朋友参考一下 如下所示： 以上这篇jquery 多个radio的click事件实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
本文向大家介绍jQuery hover事件简单实现同时绑定2个方法，包括了jQuery hover事件简单实现同时绑定2个方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery hover事件简单实现同时绑定2个方法。分享给大家供大家参考，具体如下： 这里将hover事件同时挂2个方法： 1个是悬停的时候执行的，另外一个是离开的时候执行 代码如下： PS：上面的代码小编没有进行格
-
介绍 用于在多个选项中选择单个结果。 引入 import { createApp } from 'vue'; import { RadioGroup, Radio } from 'vant'; const app = createApp(); app.use(Radio); app.use(RadioGroup); 代码演示 基础用法 通过 v-model 绑定值当前选中项的 name。 <v
-
radio用于单选的情况 DOM结构 <div class="mui-input-row mui-radio"> <label>radio</label> <input name="radio1" type="radio"> </div> 默认radio在右侧显示，若希望在左侧显示，只需增加.mui-left类即可，如下： <div class="mui-input-row mui-
-
Radio 单选框 在一组备选项中进行单选 基础用法 由于选项默认可见，不宜过多，若选项过多，建议使用 Select 选择器。 要使用 Radio 组件，只需要设置v-model绑定变量，选中意味着变量的值为相应 Radio label属性的值，label可以是String、Number或Boolean。 <template> <el-radio v-model="radio" label="
-
定义 单选框组件 图片展示 代码演示 import Form from 'pile/dist/components/form' const {Radio} = Form const _Radio = React.createClass({ getInitialState() { return { radio1 : 1 } }, render() { let {radio1} =