radio option

Ratna · Sep 7, 2011
hi, aku coba nampilin value dari radio option dengan ajax tp yang keluar kenapa option bagian pertama terus yah. bahkan tanpa dicentang pun tetap keluar value option yg pertama. kenapa bisa begitu yah?
<?php
	if (isset($_POST['gender'])) {
		echo $_POST['gender']; exit;
	}
?>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
	$("#klik").live('click', function() {
		$.ajax({
			url: 'http://localhost/test_ajax.php',
			type: 'post',
			data: 'gender=' + $("#gender").val(),
			dataType: 'html',
			success: function(result) {
				alert(result);
			}
		});
	});
</script>

<Form name ="form1" Method ="Post" ACTION ="">
<Input type = 'Radio' Name ='gender' id="gender" value= 'male'>Male
<Input type = 'Radio' Name ='gender' id="gender" value= 'female'>Female
<P>

</FORM
<button type="button" id="klik">KLIK</button>
pelajar beginner ajax. tx
Silahkan login untuk menjawab!
0
Kurosaki · Sep 8, 2011 · 0 Suka · 0 Tidak Suka
di set dulu nilai awal radio button nya...
misalnya NULL.
kemudian ditambahkan else jika button klik ditekan dan user tidak memilih salah satu radio button yang ada, bisa gunakan alert javascript...
0
Ratna · Sep 8, 2011 · 0 Suka · 0 Tidak Suka
trus agar value yang dipilih bisa female bagaimana? karena yang muncul male terus.
0
Ellyx Christian · Sep 8, 2011 · 0 Suka · 0 Tidak Suka 
<?php
	if (isset($_POST['gender'])) {
		echo $_POST['gender']; exit;
	}
?>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
	$("#klik").live('click', function() {
		$.ajax({
			url: 'http://localhost/test_ajax.php',
			type: 'post',
			data: 'gender=' + $('input["gender"]:checked').val(),
			dataType: 'html',
			success: function(result) {
				alert(result);
			}
		});
	});
</script>
 
<form name="form1" method="post" action="">
<input type="radio" name="gender" id="gender1" value="male"/>Male
<input type="radio" name="gender" id="gender2" value="female"/>Female
</form>
<button type="button" id="klik">KLIK</button>