передача в пост checkbox[on/off] в jquery
есть вот такая форма:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Ajax Login in php using jquery's fading effects</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script src="/js/jquery.min.js" type="text/javascript" language="javascript"></script> <script language="javascript"> // Developed by Roshan Bhattarai // Visit http://roshanbh.com.np for this script and more. // This notice MUST stay intact for legal use $(document).ready(function() { $("#login_form").submit(function() { //remove all the class add the messagebox classes and start fading $("#msgbox").removeClass().addClass('messagebox').text('Validating....').fadeIn(1000); //check the username exists or not from ajax $.post("verify.php",{ username:$('#username').val(),password:$('#password').val(),rand:Math.random() } ,function(data) { if(data=='yes') //if correct login detail { $("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox { //add message and change the class of the box and start fading $(this).html('Logging in.....').addClass('messageboxok').fadeTo(900,1, function() { //redirect to secure page document.location='index.php'; }); }); } else { $("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox { //add message and change the class of the box and start fading $(this).html('Your login detail sucks...').addClass('messageboxerror').fadeTo(900,1); }); } }); return false; //not to post the form physically }); //now call the ajax also focus move from $("#password").blur(function() { $("#login_form").trigger('submit'); }); }); </script> </head> <body> <br> <br> <style type="text/css"> body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } .top { margin-bottom: 15px; } .buttondiv { margin-top: 10px; } .messagebox{ position:absolute; width:100px; margin-left:30px; border:1px solid #c93; background:#ffc; padding:3px; } .messageboxok{ position:absolute; width:auto; margin-left:30px; border:1px solid #349534; background:#C9FFCA; padding:3px; font-weight:bold; color:#008000; } .messageboxerror{ position:absolute; width:auto; margin-left:30px; border:1px solid #CC0000; background:#F7CBCA; padding:3px; font-weight:bold; color:#CC0000; } </style> <form method="post" action="" id="login_form"> <div align="center"> <div class="top" > A fancy ajax login usin jQuery - <strong style="color:#FF0000">Use "admin" as username and "roshan" as password </strong></div> <div > User Name : <input name="username" type="text" id="username" value="" maxlength="20" /> </div> <div style="margin-top:5px" > Password : <input name="password" type="password" id="password" value="" maxlength="20" /> </div> <div class="buttondiv"> <input name="Submit" type="submit" id="submit" value="Login" style="margin-left:-10px; height:23px" /> <span id="msgbox" style="display:none"></span> </div> </div> </form> </body> </html> благодаря этому: $.post("verify.php",{ username:$('#username').val(),password:$('#passwor d').val(),rand:Math.random() } передает verify.php в пост данные: username, password необходимо так добавить <input type="checkbox" name="remember" /> чтобы данные о состоянии чекбокса также передавались в пост verify.php добавление в строку выше remember:$('#remember') делает то что необхоимо, но вне зависимости от выбора чекбокса. Обратите внимание на то, что передача не стандартным способом соверашетс, а через jquery, вот демо: http://roshanbh.com.np/examples/ajax-login-php/ |
remember:$('#remember').val()
|
dimiork, у тебя в инпуте name="remember"... Добавь id="remember", по аналогии с другими полями.
|
Вложений: 1
http://pastebin.com/YBZmyHWb
так и было на самом деле, с id="remember" см скрин: ![]() картина не меняется, если активировать чекбокс... |
хорошо, так как данный способ не завершился успехом, посоветуйте какие есть альтернативы?
|
а вот и решение:
$.post("verify.php",{ remember:$('#remember:checked').val() } всем спасибо! |
Часовой пояс GMT +3, время: 16:50. |