JQuery 绑定事件.bind() 绑定radio值

来源:未知 责任编辑:责任编辑 发表时间:2014-01-06 18:18 点击:

今天遇到了一个小问题,关于 html 中 radio 值绑定的问题,发现使用 JQuery中的  .bind() 事件 可以更加有效的 达到我需要的功能, 作为笔记记录共享于此,提供给刚入门的新手们参考。  (哥哥我继续保持,每天一点点,十天一大块 的贡献精神,^-^ !!!)

废话不语,共享的代码如下:


[html]
<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>JQuery 绑定事件.bind()  绑定radio值</title> 
<script src="../js/jquery.min.js" type="text/javascript"></script> 
</head> 
 
<body> 
<form action="#" method="post"> 
<label for="tj1"> 
  <input type="radio" name="radio_tj" id="tj1" value="1"> 
  资产</label> 
<label for="tj2"> 
  <input type="radio" name="radio_tj" id="tj2" value="2"> 
  管理</label> 
<label for="tj3"> 
  <input type="radio" name="radio_tj" id="tj3" value="3"> 
  调度</label> 
<label for="tj4"> 
  <input type="radio" name="radio_tj" id="tj4" value="4"> 
  电网</label> 
<label for="tj5"> 
  <input type="radio" name="radio_tj" id="tj5" value="5" checked> 
  地理</label> 
   
<!-- jquery绑定事件,当radio值发生变化时触发行为 -->  
<script type="text/javascript">  
 
 
$(document).ready(function() {  
 
    //主要 .bind() 事件代码例子: 
    //input标签[标签名称='指定的名称'].绑定函数("事件",自定义函数(){  操作代码...  }); 
    //$("input[name='radio_tj']").bind("click",function(){ alert($(this).val()); }); 
    $("input[name='radio_tj']").bind("click",function(){ 
         
        //测试操作代码 
        alert($(this).val()); 
        var $selectedvalue = $(this).val(); 
        if ($selectedvalue == 1) {  

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 用js检测两个线段是否相交
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 我是如何去了解jquery的(六),案例之幻灯片轮换
  • Jquery封装幻灯片效果
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1