radio屬性新增

2022-09-11 00:09:47 字數 1729 閱讀 5781

經常會遇到js控制radio選中和切換的問題

之前一直使用的是checked屬性來完成的

但是現在發現這個屬性有個大問題

今天就是用js給選中radio的賦值,使用的$().attr("checked",true);

當切換的時候,把name相同的radio的attr("checked",false),再把要選中的radio.attr("checked",true);

但是問題來了,每個radio只能被賦值一次,當第二次給他賦值的時候,賦不上值

後來發現,checkbox在這種情況下會出現一樣的問題

於是仔細查了一下這個屬性發現了問題

w3cshool上關於這個屬性的介紹

可以看到,關鍵點在於被預先選定的input元素

也就是說這個屬性原來就是打算頁面載入的時候為了讓radio有乙個預設的值而增加的乙個屬性,這樣有了這個屬性的input在頁面載入的時候就是選定的

所以當要切換input的時候,這個屬性顯然就不太合適了

所以在使用js對radio進行賦值切換的時候,推薦大家使用

1.$().prop("checked",true)

使用prop方法並搭配checked屬性實現js點選radio

prop方法適用於set和get值為true/false的屬性的方法如checked selected readyonly

而且不需要對未點選的radio做處理 很方便

2.$().click()

這個方法就比較乾脆,直接出發點擊事件,不會出現問題

這兩個方法效果上一樣

from:

經常會遇到js控制radio選中和切換的問題

之前一直使用的是checked屬性來完成的

但是現在發現這個屬性有個大問題

今天就是用js給選中radio的賦值,使用的$().attr("checked",true);

當切換的時候,把name相同的radio的attr("checked",false),再把要選中的radio.attr("checked",true);

但是問題來了,每個radio只能被賦值一次,當第二次給他賦值的時候,賦不上值

後來發現,checkbox在這種情況下會出現一樣的問題

於是仔細查了一下這個屬性發現了問題

w3cshool上關於這個屬性的介紹

可以看到,關鍵點在於被預先選定的input元素

也就是說這個屬性原來就是打算頁面載入的時候為了讓radio有乙個預設的值而增加的乙個屬性,這樣有了這個屬性的input在頁面載入的時候就是選定的

所以當要切換input的時候,這個屬性顯然就不太合適了

所以在使用js對radio進行賦值切換的時候,推薦大家使用

1.$().prop("checked",true)

使用prop方法並搭配checked屬性實現js點選radio

prop方法適用於set和get值為true/false的屬性的方法如checked selected readyonly

而且不需要對未點選的radio做處理 很方便

2.$().click()

這個方法就比較乾脆,直接出發點擊事件,不會出現問題

這兩個方法效果上一樣

from:

jquery對於radio等原有屬性設定選中

問題描述,jqueryj對於radio屬性進行html回顯頁面時,使用.attr checked true 無法在頁面顯示為選中狀態,應使用.prop checked true jquery回顯radio不應用.attr,應該用.prop html自帶的標籤都應使用prop,會返回狀態資訊,也即使t...

input標籤的radio屬性如何使用

在各種各樣的應用當中,我們的身份不同,會有不同的職能許可權,能幹不同的事情。當在登入的時候,所選擇的身份不同,跳轉到的頁面也不同。下圖是在fhtml頁面中的form表單要進行頁面選擇的內容 一組radio中的name屬性的值是相同的,同時別忘了寫value屬性 在另乙個php介面用den gebe ...

分類新增屬性

import classa.h inte ce classa test property cpoy,nonatomic nsstring str void test1 end 分類不可以直接新增屬性,但是如果你直接新增屬性則會報錯。如上,如果為classa 新增屬性,再編譯時不會報錯,但是再執行階段...