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

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

来源:易贤网   阅读:1028 次  日期:2016-06-30 09:06:07

温馨提示:易贤网小编为您整理了“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程序设计有所帮助。

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