Getting radio button value by ajax
i wanna getting radio button value and sending through ajax to php
My Ajax is running but is currently inserting a 0 row each row, so it's
not picking up the value from the radio button. Any help would be
appreciated.
this is my files
Html
<form id="save_privacy">
<table align="center" width="70%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding: 5px;">
<b>Message Buttun: </b>
</td>
<td style="padding: 5px;">
<input type="radio" id="message_pri" name="message_pri" value="1" /> ON
<input type="radio" id="message_pri" name="message_pri" value="2" /> OFF
<input type="radio" id="message_pri" name="message_pri" value="3" />
FOLLOWERS
</td>
</tr>
<tr>
<td style="padding: 5px;">
<b>Follow Buttun: </b>
</td>
<td style="padding: 5px;">
<input type="radio" id="follow_pri" name="follow_pri" value="1" /> ON
<input type="radio" id="follow_pri" name="follow_pri" value="2" /> OFF
</td>
</tr>
<tr>
<td style="padding: 5px;">
<b>Who Can Post On Your Profile: </b>
</td>
<td style="padding: 5px;">
<input type="radio" id="post_pri" name="post_pri" value="1" /> Evry one
<input type="radio" id="post_pri" name="post_pri" value="2" /> Followers
</td>
</tr>
<tr>
<td colspan="2" style="padding: 5px;">
<input type="hidden" id="check7" value="save_privacy" name="check7" />
<input class="small color blue button" type="submit" value="Save" />
</td>
</tr>
</table>
<div class="privacy_info"></div>
</form>
javascript
$("#save_privacy").submit(function(){
var message_pri = $("#message_pri") .val();
var follow_pri = $("#follow_pri") .val();
var post_pri = $("#post_pri") .val();
var check7 = $("#check7") .val();
var s = {
"message_pri":message_pri,
"follow_pri":follow_pri,
"post_pri":post_pri,
"check":check7
}
$.ajax({
url:'edit_check.php',
type:'POST',
data:s,
beforeSend: function (){
$(".privacy_info") .html("<img
src=\"style/img/ajax/load2.gif\" alt=\"Loading ....\" />");
},
success:function(data){
$(".privacy_info") .html(data);
}
});
return false;
});
No comments:
Post a Comment