使用的技术:
我在HTML广播组中有四个单选按钮
我表中的4列是:
| DBMother | DBFather | DBSelf | DBOthers |
如果我选择Mother
单选按钮,则该值应该保存在DBMother
列下方,其余列应保持空白。
当我在HTML中选择单选按钮Self
时,该值应该保存在Mysql DB列DBSelf
下,其余列应保持空白。
我在谷歌上尝试了一些代码,但这些代码用于在一个DB列中保存信息。
我认为我需要服务器端的PHP代码和客户端的Ajax代码。
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function(){
var game=$('input[type="radio"]:checked').val();
if($('input[type="radio"]:checked').length == "0") {
alert("Select any value");
}
else {
$.ajax({
type: "POST",
url: "ajax-check.php",
data: "game="+game,
success: function() {
$("#msg").addClass('bg');
$("#msg").html("value Entered");
}
});
}
return false;
});
});
</script>
</head>
<body>
<div id="msg"></div>
<form method="post" action="">
Select:<br/>
<input type="radio" name="game" value="Mother">
<input type="radio" name="game" value="Father">
<input type="radio" name="game" value="Self">
<input type="radio" name="game" value="Others">
<input type="submit" name="submit" id="submit">
</form>
</body>
</html>