[Çözüldü] jQuery ile html elemenlerinin input türünü değiştirme

[Timur]

jQuery ile html elemenlerinin input türünü değiştirmek istiyorum arkadaşlar.

Mesela html'in select etiketi ile radiobutton'u seçtiğimde elemenlerin radiobutton'a , checkbox'ı seçtiğimde de checkbox'a dönüşmesini istiyorum. İnternetten birkaç örneğe baktım fakat pek * bir şey anlamadım. Bana bu konuda gösterebileceğiniz güzel bir örneğiniz var mı?
şimdiden teşekkürler herkese 

[alquirel]

HTML Form elemanlarının "type" özelliği sayfa yüklendikten değiştirilemez.

Şöyle bir yol deneyebilirsin. Hem "checkbox" hem de "radio" türündeki form elemanlarını sayfanın içinde oluşturursun. "Select" elemanı her değiştiğinde uygun olanlarını görünür yaparsın, diğerlerini gizlersin.

[Timur]

HTML Form elemanlarının "type" özelliği sayfa yüklendikten değiştirilemez.

Şöyle bir yol deneyebilirsin. Hem "checkbox" hem de "radio" türündeki form elemanlarını sayfanın içinde oluşturursun. "Select" elemanı her değiştiğinde uygun olanlarını görünür yaparsın, diğerlerini gizlersin.

peki görünmez olduğunda da ekran'da yer kaplayacak mı yine? mesela 1. satırda checkbox'lar var. 2.de de radiobutonlar. Radio'yu görünür yaptığımda checkbox'lar 1. satırdan silinip onun yerine radiobutonlar mı gelecek?

[alquirel]

"Görünmez" yaptığınızda ekranda yer kaplamazlar.

Yapılan iş, teknik olarak birini öbürünün yerine almak değildir, birini gizlemektir.
(Bir bakıma "yükseklik ve genişliğini sıfırlama"dır.)

Ama ortaya çıkan görüntü "biri diğerinin yerine geliyor" gibi olur.

[Timur]

"Görünmez" yaptığınızda ekranda yer kaplamazlar.

Yapılan iş, teknik olarak birini öbürünün yerine almak değildir, birini gizlemektir.
(Bir bakıma "yükseklik ve genişliğini sıfırlama"dır.)

Ama ortaya çıkan görüntü "biri diğerinin yerine geliyor" gibi olur.

tamamdır hocam. sağolasın  o zaman şöyle bir kod parçası işimi görür dimi? (select tag'inin değerini nasıl seçececiğimi bilmiyorum, tahmin ettim sadece ve selectVal'e eşitledim. Ayrıca divCheck checkBox'ların bulunduğu div, divRadio'da radiobuttonların bulunduğu div olarak düşündüm)

Kod Seç Genişlet


$(document).ready(function() { });

function hideSwitch() {

if (#selectVal=="1") {
$(#divRadio).hide();
$(#divCheck).show();
}

if(#selectVal=="2"){
$(#divCheck).hide();
$(#divRadio).show();
}
}


[alquirel]

Şu bağlantı işine çok yarayacaktır

http://api.jquery.com/selected-selector/

[Timur]

Şu bağlantı işine çok yarayacaktır

http://api.jquery.com/selected-selector/

sayfa açılmıyor hocam. daha doğrusu bütün jquery api'lerinin sayfalarına ulaşılmıyor.

[alquirel]

Dün akşam açılıyordu.
Bir müddet sonra geri gelir herhalde

[Timur]

niye daha önce aklıma geldi bilmiyorum ama google önbellekten bakmıştım hocam. sağolasın 
input türünü değiştirmek yerine görünürlüğü değiştirme fikri baya bi zaman tasarrufu sağladı