web-gelistirme-sc.com

Tüm JQuery radyo düğmelerinin bir kerede işaretini kaldırın

JQ-ui'nin buttonset özelliğini kullanma

<script>
    $(function() {
        $( "#radio" ).buttonset();
    });
    </script>


    <div id="radio">
        <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
        <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
        <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
    </div>

Tek seferde düğmelerin tüm radyo düğmelerinin işaretini kaldırmanın bir yolu var mı?

21
heron

Aşağıdakileri işaretlerinden kaldırabilirsiniz: (jQuery UI 1.9 için güncellendi:

$('#radio input').removeAttr('checked');
// Refresh the jQuery UI buttonset.                  
$( "#radio" ).buttonset('refresh');
​

Çalışma JSFiddle .

32
Michael Robinson

Tüm radyo düğmelerini eşleştirebilir ve prop () tuşlarını kullanarak işaretlerini kaldırabilirsiniz.

Bununla birlikte, ayrıca yaptıktan sonra buttonset widget'ini de yenilemeniz gerekir:

$("#radio").find("input:radio").prop("checked", false).end()
           .buttonset("refresh");
15

jQuery 1.6 versiyonundan önce

$(':radio').attr('checked', false);  

OR

$(':radio').removeAttr('checked');

jQuery'den sonra 1.6+

$(':radio').prop('checked', false);

OR

$(':radio').removeProp('checked');
14
Antguider

Bu, kazara keşfetti ... düğmeler kümesi için bir sınıf adı kullanarak jQuery 1.9.1 ile başlangıçta tüm düğmeleri bıraktı. Bunun için herhangi bir çarpışma olup olmadığından emin değil, ama bilmek kullanışlı.

$( "div.myclass" ).buttonset();

<div id="myDiv" class="myclass">
    <input type="radio" name="myname" id="id1" value="1"><label for="id1">Label1</label>
    <input type="radio" name="myname" id="id2" value="2"><label for="id2">Label2</label>
    <input type="radio" name="myname" id="id3" value="3"><label for="id3">Label2</label>
</div>
1
GDP

Bu benim için çalışıyor

$('input:radio[name="RadioName"]').each(function () { $(this).attr('checked', false); });
0
Jaggana