[問題] - 初學者 click 的問題

看板Ajax作者 (蟄)時間13年前 (2012/11/14 16:07), 編輯推噓3(3012)
留言15則, 4人參與, 最新討論串1/1
有一個小小的問題 可是我不知道哪裡錯了 我希望按了 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

11/14 16:30, , 1F
都用jQuery了....
11/14 16:30, 1F

11/14 16:31, , 2F
$('#fname').prop)('disabled', true);
11/14 16:31, 2F

11/14 16:31, , 3F
$('#lname').prop('disabled', false);
11/14 16:31, 3F

11/14 16:31, , 4F
試看看這樣?
11/14 16:31, 4F

11/14 16:31, , 5F
第二行多了一個)
11/14 16:31, 5F

11/14 16:48, , 6F
可能刷頁面了,click event結尾加上return false看看
11/14 16:48, 6F

11/14 18:14, , 7F
謝謝兩位。看來真的是刷頁面了 ... thank you
11/14 18:14, 7F

11/15 11:27, , 8F
嗯都沒注意到sasa是submit button...||
11/15 11:27, 8F

11/15 11:28, , 9F
比較好的作法應該是執行function裡傳入的event物件
11/15 11:28, 9F

11/15 11:28, , 10F
的event.preventDefault()函數
11/15 11:28, 10F

11/15 11:28, , 11F
在click function開頭就執行
11/15 11:28, 11F

11/15 11:29, , 12F
雖然說return false也是OK的啦
11/15 11:29, 12F

11/15 11:29, , 13F
(但通常會認為return false代表函式執行失敗或錯誤)
11/15 11:29, 13F

11/15 11:48, , 14F
除非是不想讓這個event在其他地方作用 不然用
11/15 11:48, 14F

11/15 11:50, , 15F
event.preventDefault()即可 詳見 http://ppt.cc/ol~z
11/15 11:50, 15F
文章代碼(AID): #1Ger4sh8 (Ajax)
文章代碼(AID): #1Ger4sh8 (Ajax)