How to call jQuery function onclick?
Question
I am using this code to get the current url of the page in to div, when I click on submit button. I am not getting how to call function onclick. How to do this?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>localhost</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function () {
var url = $(location).attr('href');
$('#spn_url').html('<strong>' + url + '</strong>');
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="spn_url"></div>
<input type="submit" value="submit" name="submit">
</form>
</body>
</html>
5 answers
solution1
8 ACCPTED 2013-06-07 05:30:43
Please have a look at http://jsfiddle.net/2dJAN/59/
$("#submit").click(function () {
var url = $(location).attr('href');
$('#spn_url').html('<strong>' + url + '</strong>');
});
solution2
6 2013-06-07 05:29:53
try this ..
HTML
<input type="submit" value="submit" name="submit" id="submit">
jQuery
$(document).ready(function () {
$('#submit').click(function () {
var url = $(location).attr('href');
$('#spn_url').html('<strong>' + url + '</strong>');
});
});
solution3
3 2013-06-07 05:33:32
Try this:
HTML:
<input type="submit" value="submit" name="submit" onclick="myfunction()">
jQuery:
<script type="text/javascript">
function myfunction()
{
var url = $(location).attr('href');
$('#spn_url').html('<strong>' + url + '</strong>');
}
</script>
solution4
2 2013-06-07 05:30:11
try this:
$('form').submit(function(){
// this function will be raised when submit button is clicked.
// perform submit operations here
});
solution5
1 2013-06-07 06:15:44
JS
$(function () {
var url = $(location).attr('href');
$('#spn_url').html('<strong>' + url + '</strong>');
$("#submit").click(function () {
alert('button clicked');
});
});
html
<input id="submit" type="submit" value="submit" name="submit">
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to call a function with onclick in jQuery?
onclick call jQuery function
jQuery onclick call function
How to call custom jquery function onClick
how can call value in jquery function in onclick
How to call mask() jquery function onclick?
How to write jQuery code or call jQuery function in onclick attribute
Call onclick jQuery function once
jQuery onclick Event call a function
jquery div onclick call function
Related Tags