您现在的位置： Linux教程網 >> UnixLinux > >> Linux編程 >> Linux編程

jQuery 綁定事件.bind() 綁定radio值

今天遇到了一個小問題，關於 html 中 radio 值綁定的問題，發現使用 JQuery中的 .bind() 事件可以更加有效的達到我需要的功能，作為筆記記錄共享於此，提供給剛入門的新手們參考。

<!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>
<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) {
alert("您現在選擇備份資產范圍的數據");
}
else if ($selectedvalue == 2) {
alert("您現在選擇備份管理范圍的數據");
}
else if ($selectedvalue == 3) {
alert("您現在選擇備份調度范圍的數據");
}
else if ($selectedvalue == 4) {
alert("您現在選擇備份電網范圍的數據");
}
else {
alert("您現在選擇備份地理范圍的數據");
}
});
});
</script>
</form>
</body>
</html>

上一篇文章： jQuery 斑馬條紋功能實現
下一篇文章： JQuery表格內容過濾

Linux編程

詳解jQuery中的事件

JavaScript事件綁定

jQuery事件綁定失敗問題排查

jQuery中的(function($){...})(jQuery)

jQuery Mobile bind()方法---處理自定義事件

jQuery對多選框（checkbox）和單選框（radio）的操作

jQuery自定義事件和jQuery.extend