各位好,小弟做興趣的,不夠扎實
目前遇到兩個問題
先放一下範例 code
https://jsbin.com/cavoluyoma/edit?html,js,console,output
1. 兩個 div,裡面都放一個段落<p> 和三個按紐
(一種是用 <button> 做的,一種是用 <label> 做的)
但是有一個總是無法讓 <p> 佔滿整個 div 的寬
試了很久沒有頭緒,是 <button> 和 <label> 之間有個不同的點 ?
以前曾經看過說這叫某某元素,但不知道怎麼查,求個提點與修改
2. 在這個範例 code 有使用 JS 去抓,哪個按鈕被按到了
我使用的方法是去 select 哪個 tag 有被 checked
而這個 checked,是 Bootstrap 自帶的控制,like radio button
理想中,應該是
點擊按紐 -> BS改 class 和 checked -> 我寫的 JS 抓到正確被點擊的
但是 BS 卻總是慢一拍,點擊->抓checked->BS才改
所以都會抓到錯的。
想問一下這部分有沒有方法可以解呢 ?
雖然說 真要說 可以全部 JS 都自刻,
但只是做個休閒用,想說能不能從這邊改善
另外,雖然可以在 listen 那邊呼叫函式的時候把 this 丟進去
但因為我是想要做到按按鈕 呼叫一個 computeResult()
就把所有被 checked 的項目重新套公式算完
如果傳 this 的話,可能要寫一堆 funtion 分別處理一樣的事情
舉例:
computeResult(btn){
check btn is A_type or B_type
// 總分公式 : A + 2*B
if A_type
return btn.score + 2*get_B_type_Score()
else // B type
return get_A_type_Score + 2*btn.score
}
如果今天不指 A B Type 就更複雜了
抱歉後面打的有點多,希望能傳達到問題的意思