Come deselezionare Un pulsante di scelta

Question

Ho due moduli, uno con un pulsante di opzione che gli utenti devono selezionare per modificare.

[form name="A"] 
<li>[input type="radio" name="BookItem" value="1" /]</li> 
<li>[input type="radio" name="BookItem" value="2" /]</li> 
<li>[input type="radio" name="BookItem" value="3" /]</li> 
[form]<p> 

Dopo "BookItem" è scelto tra forma (A) chiamo la funzione $("#EditFormWrapper").load("callEditData.cfm? ID="+ID); per caricare il secondo modulo (B)

<div id="EditFormWrapper"><div></p> 
<!---// begin dynamic form generated by external file callEditData.cfm //---> 
[form id="editForm" name="B"] 
<ul class="hourswrapper"> 
<li><input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="AM2Hrs1" /> 2 Hours AM</li> 
<li><input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="PM2Hrs1" /> 2 Hours PM</li> 
<li><input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="AM2Hrs2" /> 2 Hours AM</li> 
<li><input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="PM2Hrs2" /> 2 Hours PM</li> 
</ul> 
[input type="image" src="images/submit-btn.gif" id="addBTN" name="addBTN" class="buttons" alt="SubmitRrequest" /] 
[input type="image" src="images/cancel-btn.gif" id="editBTNcancel" name="editBTNcancel" class="buttons" alt="Cancel Request" /] 
[/form] 
<!---// end dynamic form from external file //---> 

voglio deselezionare il pulsante sulla forma (A) quando l'utente fa clic sul pulsante Annulla (editBTNcancel) nel modulo (B).

Ecco il mio script:

$("#editBTNcancel").live("click", function(event){ 
    event.preventDefault(); 
    $("#EditFormWrapper").slideUp("fast").empty(); 
    //$('.TOR2Hours').removeAttr('checked'); 
    $('.TOR2Hours').attr('checked', false); 
}); 

Spero di indicare chiaramente il mio problema, ogni suggerimento sarebbe molto apprezzato!

Answer 1

Non sono sicuro di cosa si voglia ma si potrebbe provare a utilizzare un ingresso di ripristino.

<input type='reset' /> 

Answer 2

Visto che questo è praticamente il compito DOM più semplice c'è e funziona in tutti i browser script, io non suggerisco di usare i metodi di jQuery per esso:

$(".TOR2Hours")[0].checked = false; 

L'altra cosa che ocurs a me è se il tuo selettore è corretto. Intendevi selezionare un set di elementi per classe o dovrebbe essere un selettore ID?

Answer 3

Ho appena scoperto un'ottima soluzione a questo problema.

Supponendo di avere due radio che hanno bisogno di essere in grado di essere controllato/incontrollato, implementare questo codice e modificare ciò che è necessario:

var gift_click = 0; 
    function HandleGiftClick() { 
     if (document.getElementById('LeftPanelContent_giftDeed2').checked == true) { 
      gift_click++; 
      memorial_click = 0; 
     } 
     if (gift_click % 2 == 0) {document.getElementById('LeftPanelContent_giftDeed2').checked = false; } 
    } 
    var memorial_click = 0; 
    function HandleMemorialClick() {   
     if (document.getElementById('LeftPanelContent_memorialDeed2').checked == true) { 
      memorial_click++; 
      gift_click = 0; 
     } 
     if (memorial_click % 2 == 0) { document.getElementById('LeftPanelContent_memorialDeed2').checked = false; } 
    } 

:) la vostra accoglienza

Answer 4

è possibile accedere forma in questo modo. ..

var exampleForm = document.forms['form_name']; 

poi scorrere il modulo

for(var i=0; i<exampleForm.length; i++){ 
    alert(exampleForm[i].type); 
} 

è possibile verificare per controllare in questo modo ...

if(exampleForm[i].checked) 

per deselezionare il pulsante di scelta controllato provare ...

exampleForm[i].checked=false; 

il codice finale sarà simile a questa ...

var exampleForm = document.forms['form_name']; 
for(var i=0; i<exampleForm.length; i++){ 
    if(exampleForm[i].type) == 'radio' && exampleForm[i].checked == true){ 
     exampleForm[i].checked = false; 
    } 
} 

Answer 5

Io uso in questo modo per risolvere il problema in ASP.net, controllare questo ..

radioButton.InputAttributes["show"] = "false"; 
string clickJs = " if(this.show =='true'){this.show ='false'; this.checked = false;}else{this.show='true'; this.checked = true;};"; 

radioButton.Attributes["onClick"] = clickJs; 

In asp.net, è possibile utilizzare in questo modo per aggiungere un attributo. E puoi anche aggiungere manualmente un attributo al radioButton, e fare la funzione (clickJs) per cambiare gli attributi del ckecked !!!

Answer 6

Il tuo selettore è semplicemente sbagliato. Se si desidera deselezionare il pulsante di opzione da prima forma si dovrebbe usare $('input[name="BookItem"]') e non $('.TOR2Hours'):

$("#editBTNcancel").on("click", function(event){ $("#EditFormWrapper").slideUp("fast").empty(); $('input[name="BookItem"]').attr('checked', false); });

Per quanto riguarda il metodo da utilizzare per deselezionare pulsanti di opzione, i 3 metodi seguenti devono lavorare tutti:

1. $('input[name="BookItem"]').attr('checked', false);
2. $('input[name="BookItem"]').removeAttr('checked');
3. $('input[name="BookItem"]').prop('checked', false);

Tuttavia, prova anche documenti di jQuery sul jQuery prop() per la differenza tra attr() e prop().