Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Checkbox + jquery + ajax

    Ciao a tutti, ho un enorme problema...

    io ho un form di registrazione nel quale c'è un 'input type text e un check box.

    Per prendere il valore del campo input no problem, i problemi nascono col checkbox.

    Più che il valore in se, mi interessa sapere se è spuntato o no...

    Come posso fare?

    Presi i valori devo poi inviare tutto a una pagina php k scrive sul db tramite ajax.

    Ecco i codici...
    pagina di registrazione:
    Codice PHP:
    <div id="cornice">
    <
    div id="box1">
    <
    h1>Grazie per aver votato!</h1>


    Vuoi rimanere informato sul prezzo di finale o iscriverti alla newsletter di xxx?</p


    Compila il form quì sottoti bastano appena 15 secondi.</p>
    <
    form id="form2">
    <
    span id="sprytextfield1">
    <
    label>Indirizzo mail:

    <
    input type="text" name="mail" id="mail" />
    </
    label>
    <
    span class="textfieldRequiredMsg">È obbligatorio specificare un valore.</span>
    <
    span class="textfieldInvalidFormatMsg">Formato non valido.</span>
    <
    span class="textfieldMaxCharsMsg">Numero massimo di caratteri superato.</span>
    <
    span class="textfieldMinCharsMsg">Numero minimo di caratteri non raggiunto.</span></span>


    <
    label>
    <
    input name="newsletter" type="checkbox" value="newsletterOn" id="newsletter" /> Simi iscrivo alla newsletter</label>


    <
    input name="invia" type="submit" value=" " id="invia" />
    </
    form>
    </
    div>
    </
    div>
    <
    script type="text/javascript">
    var 
    sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1""email", {maxChars:50minChars:4});

    $(
    document).ready(function(){
     $(
    '#form2').submit(function(){
    var 
    mail = $('#mail').val();
    var 
    news = $('#newsletter').val();
    $.
    ajax({
    url'../frame/mail.php',
    type'POST',
    data'mail=' mail '&news=' news,
    dataType'html',
    success: function(){
    $(
    '#box1').hide(200);
    var 
    Cornice2 = $('<div id="cornice2"><h1>Grazie per esserti registrato!</h1></div>');
    Cornice2.appendTo('#cornice'); alert(mail); alert(news); }, error: function(){ } }); return false
    }); 
    }); 
    </script> 
    Pagina php:
    Codice PHP:
    $mail $_GET['mail'];
    $news $_GET['news'];
    include(
    '../lib/dbconnect.php');
    $connessione mysql_connect($host$user$pwd);
    mysql_select_db($nome$connessione);
    sql "INSERT INTO mail( mail, newsletter ) VALUES ('".$mail."', '".$news."')";
    mysql_query('set names utf8'); 

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    $(document).ready(function(){

    $('#id_click').bind('click',function(){

    if($("#id").attr('checked')){
    alert('si')
    }else{
    alert('no')
    }
    });

    });

    cosi' e' abbinato ad un click ma almeno vedi come controllare se selezionato

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    9
    var lostatodelmiocheck = $('#newsletter').attr('checked') // true || false

    o anche:

    var lostatodelmiocheck = $('#newsletter')[0].checked // true || false

    o senza $

    var lostatodelmiocheck = document.getElementById('newsletter').checked // true || false

    quindi, ad esempio...

    codice:
    ...
    var mail = $('#mail').val();
    var news = $('#newsletter').attr('checked') ? 1 : 0; // se vuoi mandare 1 || 0 invece di true || false
    $.ajax({
    url: '../frame/mail.php',
    type: 'POST', data: 'mail=' + mail + '&news=' + news,
    ...
    ciauz

  4. #4
    Grazie mille! Siete stati gentilissimi!

    Ora però mi sa k dovrei spostare questa discussione nel forum php xk... ho un problema... non riesco a scrivere nel db........

    Ps.: la chiusura della connessione l'ho aggiunta.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.