Button onclick Funktion funktioniert nicht richtig in jquery

Question

Ich versuche, externe Funktion mit Button onclick Ereignis in asp.net mvc Anwendung auszuführen.Aber einige resignieren es nicht richtig funktioniert, kann ich nicht verstehen, was die resion.

<input type="button" id="123" onclick="alert('123')" value="Button 1" /> 
<input type="button" id="124" value="Button 2" /> 
<input type="button" id="125" onclick="Show_id();" value="Button 3" /> 
<input type="button" id="126" value="Button 4" /> 

JQuery-Code hier.

<script type="text/javascript"> 
$(document).ready(function() { 
    $("124").click(function() { 
     alert(this.id); 

    }) 

    function Show_id() { 
     alert(this.id); 
    } 
    $("126").click(function() { 
     alert("message"); 

    }) 


}) 

wenn Taste 1-Klick Dann arbeiten nicht Properly.But Rest Es funktioniert 3 Bytton.

Answer 1

$(document).ready(function() { 
 
    $("#124").click(function() { 
 
     alert(124); 
 

 
    }) 
 

 
    function Show_id(e) { 
 
     
 
     alert(e.type); 
 
    } 
 
    
 
    $("#126").click(function() { 
 
     alert("message"); 
 

 
    }) 
 

 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" id="123" onclick="alert('123')" value="Button 1" /> 
 
<input type="button" id="124" value="Button 2" /> 
 
<input type="button" id="125" onclick="return Show_id(event);" value="Button 3" /> 
 
<input type="button" id="126" value="Button 4" />

Answer 2

Ive posted hier ein jsfiddle. https://jsfiddle.net/1tsx7e6z/

<input type="button" id="123" onclick="alert('123')" value="Button 1" /> 
<input type="button" id="124" value="Button 2" /> 
<input type="button" id="125" onclick="Show_id()" value="Button 3" /> 
<input type="button" id="126" value="Button 4" /> 

$(document).ready(function() { 
    $("#124").click(function() { 
     console.log('124'); 
    }); 

    $("#126").click(function() { 
     alert("message"); 
    }); 

}); 

//Note its outside of ready() above. Also I use window.xyz here because of jsfiddle loading into 'load' scope by default, so im attaching to window. This is generally bad practice either way, avoid inline click function calls. 
window.Show_id = function() { 
    alert(event.target.id); 
} 

1. Sie vermissen #

2. Ihre show_id ist in einem anderen Bereich (seine in document.ready)

3. Rufen Sie nicht inline Onclick Ereignisse :) Seine schlechte Übung. Verwenden Sie jQuery, wie Sie für # 126 in einen Haken haben.

4. auch nicht jemals Benutzereingaben erlauben hinzugefügt werden, um oncliick = „somethingFromTheUser“, da sie leicht Javascript in Orten injizieren können Sie nicht erwarten (es gibt zu viele Angriffsvektoren über das Hinzufügen darum zu kümmern, nur don 't es tun)