jquery實現單選按鈕選中與取消選中

2021-07-23 21:59:15 字數 457 閱讀 3991

單選按鈕的選中與取消選中,是元素自帶的屬性checked來實現的

一般情況下:

這個方法就可以滿足實現將其第乙個單選按鈕選中。

但是如果這個是根據後台傳到頁面的值來實現的乙個動態單選按鈕選中。

下一次再賦值選中時可能會造成多個單選按鈕都被選中。

頁面就識別不出來應該將哪乙個單選元素選中。

當然這時可以使用:

然後再將需要的單選元素選中。

但是可能會出現bug,頁面上雖然單選元素的屬性是被checked了的(chrome f12檢視)。

但是效果沒有體現出來。

這是為什麼呢?

其實很簡單,一開始實現選中與取消選中的方式就錯誤了

正確的姿勢是:

這是因為prop才是官方推薦的操作元素的固有屬性,比如input標籤的id/class/type/style等等

而attr更多的是用來操作元素的自定義屬性

jQuery如何獲取選中單選按鈕radio的值

例項1 男 女獲取一組單選按鈕物件 var obj payplatform wrap input name paymethod 獲取被選中按鈕的值 var val payplatform wrap input name paymethod checked val 例項2 使用jquery獲取radi...

jQuery獲取迴圈中的選中單選按鈕radio的值

1.jquery獲取radio的值 2.jquery獲取checkbox的值 3.jquery獲取select的值 要想獲取某個radio的值有以下的幾種方法,直接給出 1.input name testradio checked val 2 1.input radio checked val 3 ...

jQuery設定 取消單選按鈕

簡單的jquery 段,用於設定和取消設定單選按鈕上的輸入值。只是想我會分享,因為我在jquery的早期版本和在表單上設定單選按鈕時遇到了一些問題。jquery set radio button input name correctanswer attr checked false to unsel...