[Rešen] Problem sa $('input:radio[name=vote]:checked').val()Nemam mnogo iskustva sa jQuery-em...
Krenuo sam da pravim ajax poll, i našao se u problemu. Radi jednostavnosti cele skripte ovde stavljam samo esencijlne delove, pa je možete probati na Vašem serveru.
Skripta radi kako sam zamislio, jedino što ne vraća vrednosti radio polja koje je čekirano ("0" ili "1"), već mi se kao vrednost $sampleData uvek vrati "undefined". Na http://jquery.com/ sam pronašao da je $('input:radio[name=vote]:checked').val() način za uzimanje vrednosti radio forme, ali u mom slučaju ne funkcioniše ili ja negde grešim (ovo poslednje je mnogo verovatnije :) ). Šta treba da promenim pa da mi se nakon klika na Vote vrati "0" ili "1" ? Hvala unapred.
Evo cele skripte:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="style.css?" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#poll #submit").click(function () {
$("#poll").html('<img src="ajax-loader.gif" />');
$.ajax({
type: "GET",
data: "data=" + $('input:radio[name=vote]:checked').val(),
url: "response.php",
success: function(msg){
$("#poll").html(msg)
}
});
});
});
</script>
</head>
<body>
<div id="poll">
<h4>Here comes the question...?</h4>
<div class="label">
<input type="radio" name="vote" value="0" />
<label for="vote">Answer 1:</label>
</div>
<br />
<div class="label">
<input type="radio" name="vote" value="1" />
<label for="vote">Answer 2:</label>
</div>
<input type="button" name="submit" value="Vote" id="submit" />
</div><!-- end poll -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="style.css?" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#poll #submit").click(function () {
$("#poll").html('<img src="ajax-loader.gif" />');
$.ajax({
type: "GET",
data: "data=" + $('input:radio[name=vote]:checked').val(),
url: "response.php",
success: function(msg){
$("#poll").html(msg)
}
});
});
});
</script>
</head>
<body>
<div id="poll">
<h4>Here comes the question...?</h4>
<div class="label">
<input type="radio" name="vote" value="0" />
<label for="vote">Answer 1:</label>
</div>
<br />
<div class="label">
<input type="radio" name="vote" value="1" />
<label for="vote">Answer 2:</label>
</div>
<input type="button" name="submit" value="Vote" id="submit" />
</div><!-- end poll -->
</body>
</html>
response.php
Code:
<?php
$sampleData = $_GET['data'];
echo $sampleData; ?>
<?php
$sampleData = $_GET['data'];
echo $sampleData; ?>
[Ovu poruku je menjao avayaman dana 17.05.2010. u 22:50 GMT+1]
