查看完整版本: 如何讓button不要觸發submit
頁: [1]

feeling82925 發表於 2015-5-22 02:55 PM

如何讓button不要觸發submit

大家好,小弟遇到了一個小問題
程式碼是這樣的~

﹝code﹞
<button type="radio" id="But1" class="btn btn-default" onclick="Changeboy();"name="Member_Sex" VALUE="1" CHECKED >男</button>
<button type="radio" id="But2" class="btn btn-default" onclick="Changegirl();"name="Member_Sex" VALUE="2">女</button>
﹝/code﹞

但是當我按下之後便會觸發action的"do_register.php"
我有想過在onclick後面加上return false;
變成onclick="Changegirl();return false;"
當下不會觸發但是提交後便會發生錯誤{:38:}{:38:}

而如果是用<input type="radio"....><input>
就不會有問題
但是就無法有 class="btn btn-default" 的效果出來{:38:}{:38:}{:38:}

拜託各位大大了{:47:}...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div>

theloserbm 發表於 2015-5-22 06:15 PM

長這麼大沒看過在button裡面用type=radio的...

既然你用btn btn-default, 應該是在用bootstrap吧. 可以參考看看button group的用法
http://getbootstrap.com/components/#btn-groups

看你的說明應該還是在用原始的submit而不是ajax post? 這樣的話你要做一個hidden input來一起submit上去. 你在按button的時候一起調整他的value就好.<input type='hidden' name='Member_Sex' value='1/2'>一定要用radio的話, 方法也是有的, 不過太麻煩了有點懶惰......<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

行過沒碰到 發表於 2015-5-23 12:53 AM

用js控制吧, 當其中一個按鈕被按下, 自動為另一個加上Disabled 的Attribute

kitefree 發表於 2015-5-24 12:10 PM

改成 onclick="return Changeboy();"

function 返回時 return false;

這樣有效嗎?

個人比較好奇是它只是一個button 為何會自動submit ...

補充內容 (2015-6-2 01:01 AM):
受教了...button 這個element 本人比較少用。謝謝大大的補充,讓我的知識又增長了一些~
頁: [1]