val()方法取值，<select>元素默認的為value屬性值，否則為<option value="">value</option>;<input type='checkbox' value="">默認為value屬性值，否則為on;<input type="text" value=""></input>默認為輸入到文本框里的值;<input type="radio" id="abc" value="">abc</input>默認為value屬性值，否則為on;
1.處理Select事件
<select id="select">
<option>蘋果</option>
<option>栗子</option>
<option>桃子</option>
</select>
當$('#select').val();默認的值為選擇的值，如“蘋果”,但<option value="冬瓜">蘋果</option>在選擇蘋果是$('#select').val();得到的是“冬瓜”。
（1）為select添加選項值，如下:
<html>
<head>
<title>添加選項</title>
<script type="text/javascript">
$(document).ready(function(){
$(".info").append($("<option></option>").attr("value","1").text("蘋果"));
});
</script>
</head>
<body>
<form>
<select class="info"></select>
</form>
</body>
</html>
（2）獲取select中的被選項，如下:
<html>
<head>
<title>獲取被選項</title>
<script type="text/javascript">
$(document).ready(function(){
$("#bt").click(function(){
var fruit=$("select option:selected").val();
alert(fruit);
});
</script>
</head>
<body>
<form>
<select class="info">
<option>蘋果</option>
<option>栗子</option>
<option>桃子</option>
</select>
<input type="button" id="bt">按鈕</input>
</form>
</body>
</html>
2.處理checkbox事件
（1）全選uncheck/checkAll
<div class="infobox"><input type="checkbox" name="a" id="a" value=1>看電影</input></div>
<div class="infobox"><input type="checkbox" name="b" id="b" value=2>打籃球</input></div>
<div class="infobox"><input type="checkbox" name="c" id="c" value=3>看書</input></div>
<div class="infobox"><input type="checkbox" id="checkAll">Check/Uncheck</input></div>
$(document).ready(function(){
$('#checkAll').click(function(){
$("input[type='checkbox']").attr('checked',$("#checkAll").is(':checked'));
});
});
(2) 檢查復選框是否被選中
$('form').find(":checkbox").each(function(){
if($(this).is(":checked");
});
3.處理radio事件
（1）檢查單選按鈕是否被選擇
var a=$("input[type='radio']:checked").val();
posted on 2011-07-21 21:02
Terry Zou 閱讀(567)
評論(0) 編輯 收藏 所屬分類:
jQuery