2017-04-19 5 views
-2

wie kann ein HTML-Element/Tag zum Beispiel dieses:Set Attribut in Checkbox auf Klick

<input type="checkbox" id="1234" checked onClick="replace(1234)"> I have a car<br> 

mit diesem ersetzt, wenn

geklickt
<input type="checkbox" id="1234" unchecked onClick="replace(1234)"> I have a car<br> 

ich nur den Input-Tag ersetzen möge und HTML ändern Code in tha Position

Dank

+1

Was haben Sie bisher versuchen? – kosmos

+1

'unchecked' ist kein gültiges HTML-Attribut. Sie müssen auch nicht das ganze Element ersetzen, Sie müssen einfach die "checked" -Eigenschaft des Elements –

Antwort

0

Dies wird überprüfen, ob das Element mit dem Attribut checked, wenn ja, dann wird es sie entfernen und legen Sie ein neues Attribut namens unchecked

function replace(id) { 
 
    var attr = $("#" + id).attr('checked'); 
 
    // For some browsers, `attr` is undefined; for others, 
 
    // `attr` is false. Check for both. 
 
    if (typeof attr !== typeof undefined && attr !== false) { 
 
    $("#" + id).removeAttr('checked').attr("unchecked", "") 
 
    } 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" id="1234" checked onClick="replace(1234)"> I have a car<br>

0

Verwenden folgenden Code ein. Es wird Ihnen helfen:

$('#1234').click(function(){ 
    if($(this).is(':checked')) 
     $(this).attr('checked',true); 
    else 
     $(this).removeAttr('checked'); 
}); 
+1

lesen ja das war Typ Fehler Danke für die Ankündigung, dass man – vishu

1

$('#1234').click(function(){ 
 
    if($(this).is(':checked')) { 
 
     $(this).attr('checked',true); 
 
     console.log('checked') 
 
    } 
 
    else { 
 
     $(this).attr('checked',false); 
 
     console.log('unchecked') 
 
    } 
 
});
<!DOCTYPE html> 
 
<html> 
 
<header> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
</header> 
 
<body> 
 

 
<input type="checkbox" id="1234" checked > I have a car<br> 
 
</body> 
 
</html>

bitte das obige Snippet überprüfen. Es könnte helfen.

0

Sie können direkt Checkbox Click-Ereignis aufrufen, wie in unten gezeigten Code

$(document).on("click", "input[name='chk']", function() { 
 
    //alert(this.id); 
 
    debugger; 
 

 
    var ischecked2 = $(this).is(':checked'); 
 

 
    if (ischecked2) { //checked 
 
    console.log("checked"); 
 
    } else { //unchecked 
 
    console.log("unchecked"); 
 
    } 
 
});
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.0.min.js"> 
 
</script> 
 

 
<input type="checkbox" id="1234" name="chk"> I have a car<br>