:radio Seçicisi

radio selector

Açıklama : Tipi radio olan elemanları bulur.

jQuery( ":radio" ) Eklendiği Versiyon 1.0

$(":radio") seçicisi $("[type=radio]") seçicisi ile aynıdır. Diğer tüm sahte seçiciler gibi öncesinde bir grup seçimi yapmanız önerilir, yoksa $("*:radio") olarak algılanıp tüm elemanlarda arama yapılır, yerine $("input:radio") şeklinde kullanmanız tavsiye edilir.

İlgili bir grup radio butonu bulmak için $("input[name=gender]:radio") şeklinde kullanabilirsiniz.

İlave Notlar :

Bu :radio seçicisi bir standart CSS olmayıp jQuery eklentisi olduğu için JavaScript'in querySelectorAll() metodunun performansından yararlanamaz. Daha iyi performans için modern tarayıcılarda $("[type=radio]") kullanınız.

Örnekler:

Tüm radio input'ları bul.

<style>
   textarea { height: 45px; }
</style>
<form>
   <input type="button" value="Input Button">
   <input type="checkbox"><input type="file">
   <input type="hidden"><input type="image">
   <input type="password">
   <input type="radio" name="asdf">
   <input type="radio" name="asdf">
   <input type="reset"><input type="submit">
   <input type="text">
   <select>
      <option>Option</option>
   </select>
   <textarea></textarea><button>Button</button>
</form>
<div></div>
<script>
   var input = $("form input:radio" )
      .wrap("<span></span>")
      .parent()
         .css({
            background: "yellow",
            border: "3px red solid"
         });
   
   $("div")
      .text("For this type jQuery found " + input.length + ".")
      .css("color", "red");
   
   // Prevent form submission
   $("form").on("submit", function(event) {
      event.preventDefault();
   });
</script>