關於小程式radio單選框單擊打勾再擊取消

2022-02-15 17:29:22 字數 746 閱讀 5889

前端使用input 來寫radio,小程式使用radio標籤 也可以使用單標籤

1.自定義radio樣式、

wx預設的是真的醜

/*

單選框樣式

*//*

初始樣式

*/radio .wx-radio-input

/*選中後的 背景樣式 ( 背景 邊框 )

*/radio .wx-radio-input.wx-radio-input-checked

/*選中後的 對勾樣式

*/radio .wx-radio-input.wx-radio-input-checked

::before

2.單選打勾再選打勾取消效果

wxml:

checked='

}' id="

radios

" bindtap='

radiocon

'>

for="

radios

">匿名

wx.js

//

這條**在data裡寫

check:false

radiocon:function(e))

console.log(

"使用者打勾的是

",this

.data.check)

},

這樣 就完成了單擊打勾再擊取消。

以上。

vue中radio單選框單擊取消選中狀態

2 單純的對input radio進行js控制行不通,因為radio是通過v repeat出來的,有很多個,如果每乙個都去獲取元素的話,執行效率太低,failed 3 給radio新增click事件,判斷checked屬性,如果為true則取消checked,但由於radio每次click都會將自己...

判斷radio單選框是否選中

1 利用獲取選中值判斷選中 判斷radio是否有選中,獲取選中的值 varval input radio name checked val if val null else2 使用checked屬性判斷選中 radio不能用 checked 相等來判斷,只用用true來判斷 if this attr...

HTML中的單選框 radio

在開始學習radio的用法的時候,覺得很簡單,但在用的時候,卻不知道怎麼進行單選,後來查了很長時間才明白其中的道理,其中,name的值是要相等的,這裡的值是什麼值都可以,只要相等就行 男 女在用的時候,也發現了另外乙個問題,就是在value沒有賦值的時候,也可以使用,於是查詢了下value,對於va...