Dieser Artikel bietet drei Möglichkeiten zum Deaktivieren von Radio. Die Codebeispiele lauten wie folgt:
Dieser Artikel basiert auf jQuery. Die erste und zweite Methode werden mit jQuery implementiert, und die dritte Methode basiert auf JS und DOM.
Kopieren Sie den Codecode wie folgt:
<!DOCTYPE HTML>
<html>
<Kopf>
<title>Drei Möglichkeiten zum Deaktivieren von Optionsfeldern</title>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript">
$(Funktion(){
//
var $browsers = $("input[name=browser]");
var $cancel = $("#cancel");
var $byhide = $("#byhide");
var $remove = $("#remove");
//
$cancel.click(function(e){
//Attribute entfernen, beide Methoden sind verfügbar
//$browsers.removeAttr("checked");
$browsers.attr("checked",false);
});
//
$byhide.click(function(e){
//Wechseln Sie zu einer versteckten Domäne, beide Methoden sind verfügbar
//$("#hidebrowser").attr("checked",true);
$("#hidebrowser").attr("checked","checked");
});
//
$remove.click(function(e){
// Gehen Sie direkt zum DOM-Element und entfernen Sie die Attribute
// Wenn Sie jQuery nicht verwenden, können Sie diese Methode übertragen
var reviewedbrowser=document.getElementsByName("browser");
/*
$.each(checkedbrowser, function(i,v){
v.checked = false;
v.removeAttribute("checked");
});
*/
//
var len = checkedbrowser.length;
var i = 0;
for(; i < len; i++){
// Muss zuerst den Wert auf false setzen und dann das Attribut entfernen
checkedbrowser[i].checked = false;
// Sie können dies tun, ohne das Attribut zu entfernen
//checkedbrowser[i].removeAttribute("checked");
}
});
});
</script>
</head>
<Körper>
<p>Welchen Browser bevorzugen Sie? </p>
<Formular>
<input style="display:none;" id="hidebrowser" type="radio" name="browser" value="">
<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 />
<input type="button" id="cancel" value="Methode 1 abbrechen" size="20">
<input type="button" id="byhide" value="Methode 2 deaktivieren" size="20">
<input type="button" id="remove" value="Methode 3 deaktivieren" size="20">
</form>
</body>
</html>