作者ontario (蟄)
看板Ajax
標題[問題] - 初學者 click 的問題
時間Wed Nov 14 16:07:14 2012
有一個小小的問題
可是我不知道哪裡錯了
我希望按了 Submit 按鈕後，fname 變成 disabled，lname 變成 not disabled
可是一直都無法成功 ...
我有 include jquery-1.7.2.min.js ...
不曉得哪裡出問題 ? (已確認jquery-1.7.2.min.js 沒問題)
<html>
<script type="text/javascript" src="./jquery-1.7.2.min.js"></script>
<script>
$(function(){
$('#sasa').click(function(){
document.getElementById('fname').disabled = true;
document.getElementById('lname').disabled = false;
});
});
</script>
<body>
<form>
First name: <input type="text" id ="fname" name="fname"><br>
Last name: <input type="text" id="lname" name="lname"
disabled="disabled"><br>
<input type="submit" id="sasa" value="Submit">
</form>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.84.125.195
1F：推 mrbigmouth:都用jQuery了.... 11/14 16:30
2F：→ mrbigmouth:$('#fname').prop)('disabled', true); 11/14 16:31
3F：→ mrbigmouth:$('#lname').prop('disabled', false); 11/14 16:31
4F：→ mrbigmouth:試看看這樣? 11/14 16:31
5F：→ mrbigmouth:第二行多了一個) 11/14 16:31
6F：→ nenpow:可能刷頁面了，click event結尾加上return false看看 11/14 16:48
7F：→ ontario:謝謝兩位。看來真的是刷頁面了 ... thank you 11/14 18:14
8F：推 mrbigmouth:嗯都沒注意到sasa是submit button...|| 11/15 11:27
9F：→ mrbigmouth:比較好的作法應該是執行function裡傳入的event物件 11/15 11:28
10F：→ mrbigmouth:的event.preventDefault()函數 11/15 11:28
11F：→ mrbigmouth:在click function開頭就執行 11/15 11:28
12F：→ mrbigmouth:雖然說return false也是OK的啦 11/15 11:29
13F：→ mrbigmouth:(但通常會認為return false代表函式執行失敗或錯誤) 11/15 11:29
14F：推 rettamkrad:除非是不想讓這個event在其他地方作用 不然用 11/15 11:48