Exemplos de três maneiras de desmarcar o botão de opção

Autor：Eve Cole Data da Última Atualização：2025-02-15 11:48:02

Este artigo fornece três maneiras de desmarcar o rádio. Os exemplos de código são os seguintes:

Este artigo é baseado em jQuery. O primeiro e o segundo métodos são implementados usando jQuery, e o terceiro método é baseado em JS e DOM.

Copie o código do código da seguinte forma:

<!DOCTYPEHTML>

<html>

<cabeça>

<title>Três maneiras de desmarcar os botões de opção</title>

</script>

$(função(){

var $navegadores = $("input[nome=navegador]");

var $cancelar = $("#cancelar");

var $byhide = $("#byhide");

var $remove = $("#remove");

$cancel.click(função(e){

//Remove atributos, ambos os métodos estão disponíveis

//$browsers.removeAttr("verificado");

$browsers.attr("verificado",falso);

});

$byhide.click(função(e){

//Muda para um domínio oculto, ambos os métodos estão disponíveis

//$("#hidebrowser").attr("verificado",true);

$("#hidebrowser").attr("verificado","verificado");

});

$remove.click(função(e){

//Vá diretamente para o elemento DOM e remova os atributos

// Se você não usa jQuery, você pode transplantar este método

var verificadobrowser=document.getElementsByName("navegador");

$.each(navegador verificado, função(i,v){

v.verificado = falso;

v.removeAttribute("verificado");

});

var len = navegador verificado.comprimento;

var eu = 0;

for(; i < len; i++){

//Deve primeiro definir o valor como false e depois remover o atributo

verificadobrowser[i].checked = falso;

// Você pode fazer isso sem remover o atributo

//checkedbrowser[i].removeAttribute("verificado");

}

});

</script>

</head>

<corpo>

<p>Qual navegador você prefere? </p>

<formulário>

<input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br />

<input type="radio" name="browser" value="Firefox">Firefox<br />

<input type="radio" name="browser" value="Netscape">Netscape<br />

<input type="radio" name="browser" value="Opera">Opera<br />

<br />

</form>

</body>

</html>