Soru Varsayılan olarak bir radyo düğmesi nasıl seçilir? [çift]


Bu sorunun zaten bir cevabı var:

Bazı radyo düğmelerim var ve sayfa yüklendiğinde varsayılan olarak seçileceklerinden birini istiyorum. Bunu nasıl yapabilirim?

<input type="radio" name="imgsel"  value=""  /> 

546
2018-04-08 08:18


Menşei




Cevaplar:


XHTML çözümü:

<input type="radio" name="imgsel" value="" checked="checked" />

Unutmayın ki, gerçek değeri checked öznitelik aslında önemli değil; Bu sadece atanacak bir sözleşmedir "checked". En önemlisi, dizeler gibi "true" veya "false" özel bir anlamı yok.

XHTML uyumluluğunu hedeflemezseniz, kodu aşağıdaki gibi basitleştirebilirsiniz:

<input type="radio" name="imgsel" value="" checked>

881
2018-04-08 08:19



Kopyası stackoverflow.com/questions/4711036/... - Rinkal Bhanderi
Bununla ilgili bilgi edinmek çok önemlidir: Bu radyo düğmesi grubundaki başka hiçbir girişin işaretlemeyi kontrol ettiğinden emin olmanız gerekir = "false", veya kendi başına "işaretli". Aksi takdirde, sayfada görüntülenen sonuncusunu kontrol edin. Varsayılan olarak yalnızca istediğinizi seçmek için "işaretli" içeren bir işaret bulunmalıdır. - nfriend21
Sorun devam ederse, özniteliği eklemelisiniz Otomatik tamamlama = "off" tarayıcının varsayılan değeri ayarlamasını zorlamak için. - J.BizMai
"Boş öznitelik" (hala) geçerli geçerli HTML 5.2 önerisi. - handle


İşaretli özniteliği kullanın.

<input type="radio" name="imgsel"  value="" checked /> 

veya

<input type="radio" name="imgsel"  value="" checked="checked" /> 

88
2018-04-08 08:19



<input type="radio" name="imgsel" value="" checked="false" /> ayrıca düğmenin kontrol edilmesine de neden olur. - FutureNerd
Sadece kullanarak öneririm checked veya checked="checked" ve şiddetle "yanlış" kelimesinin tersini yapacağını ve bunun tersini yapamayacağından, "doğruyu" kullanmaktan kaçının. - Ryan Wheale
İlk seçim doğru cevaptır. Boole öznitelikleri değerlere sahip olmamalıdır. - Jason Tu
@JasonTu Her ikisi de doğru. HTML, isterse XHTML ikinci sürümü gerektirir. - triunenature


Bu tam olarak soruya cevap vermiyor, ancak AngularJS'yi kullanarak bunu yapmaya çalışan herkes için cevap biraz farklı. Ve aslında normal cevap işe yaramaz (en azından benim için yapmadı).

Html’iniz normal radyo düğmesine çok benzeyecek:

<input type='radio' name='group' ng-model='mValue' value='first' />First
<input type='radio' name='group' ng-model='mValue' value='second' /> Second

Kontrol cihazında ilan edeceksin mValue Bu radyo düğmeleri ile ilişkilidir. Bu radyo düğmelerinden birine önceden sahip olmak için, $scope Grupla istenen girdinin değerine bağlı değişken:

$scope.mValue="second"

Bu, sayfanın yüklenmesi sırasında seçilen "ikinci" radyo düğmesini yapar.

EDIT: AngularJS 2.x beri

2.x ve üzeri sürümleri kullanıyorsanız yukarıdaki yaklaşım çalışmaz. Yerine kullanmak ng-checked aşağıdaki gibi özellik:

<input type='radio' name='gender' ng-model='genderValue' value='male' ng-checked='genderValue==male'/>Male
<input type='radio' name='gender' ng-model='genderValue' value='female' ng-checked='genderValue==male'/> Female

67
2017-11-24 14:46



Kabul edilen cevabın çalışmadığına şaşırdım - yorumunuzu okuyana kadar. Ben de AngularJS kullanıyorum ve bu bir tedavi çalıştı! - James
AngularJS ile, bu cevap hayat kurtarıcıdır. - vvs14
Benim durumumda, ayrıca angularjs kullanarak, ben değer vardı ama düzgün çalışması için ng-değerine değiştirmek zorunda kaldı. - Elaine K
Ah evet. Bunun, açısal 1.x'in daha büyük olmaması için bir cevap olduğuna dikkat edilmelidir. - discodane
Çalışmaya başlayamıyorum :( - Naomi


Bu özelliği ekle:

checked="checked"

24
2018-04-08 08:20





Hemen hemen orada varlar ... tıpkı bir onay kutusu gibi, tek yapmanız gereken özniteliği işaretledi = "kontrol" gibi:

<input type="radio" checked="checked">

... ve sen aldın.

Şerefe!


15
2018-04-08 08:23