简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:7549 次  日期:2015-03-30 14:34:02

温馨提示:易贤网小编为您整理了“jquery单选框radio绑定click事件实现方法”,方便广大网友查阅!

这篇文章主要介绍了jquery单选框radio绑定click事件实现方法,可实现针对单选框radio值的改变作出响应,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:jquery移动节点实例
下一篇:jquery实现textarea输入框限制字数方法
易贤网手机网站地址:jquery单选框radio绑定click事件实现方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!