Получить значения checkbox в форме

Тема в разделе "JavaScript", создана пользователем rasandrey, 29 сен 2011.

Модераторы: ZiX
  1. rasandrey

    rasandrey

    Регистр.:
    2 апр 2009
    Сообщения:
    214
    Симпатии:
    6
    Приветствую!
    Есть форма такого вида:
    Код:
    <form action="" method="GET" name="form2">
    	<input type="checkbox" name="nalog[]" value="1" />
    	<input type="checkbox" name="nalog[]" value="2" />
    	<input type="checkbox" name="nalog[]" value="3" />
    	<input type="checkbox" name="nalog[]" value="4" />
    	<input type="button" onclick="naiti()" value="ОК" />					
    </form>
    
    Как правильно написать на JS функцию, чтоб в алерт по нажатию на кнопку она выводила отмеченные значения через запятую?
     
  2. majahead

    majahead

    Регистр.:
    12 май 2008
    Сообщения:
    376
    Симпатии:
    107
    PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <
    title>Untitled Document</title>
    <
    script>
      function 
    naiti() {
          
        var 
    checkboxs document.form2.getElementsByTagName('input'),
                        
    checkboxs.length,
                        
    data =''

        
    for (var i0n;i++) 
        if(
    checkboxs[i].type == 'checkbox' checkboxs[i].checked)
            
    data data  checkboxs[i].value',';
        
        
    alert(data.replace(/,*$/,""))

    }
    </script>
    </head>
    <body>
    <form action="" method="GET" name="form2">
        <input type="checkbox" name="nalog[]" value="1" />
        <input type="checkbox" name="nalog[]" value="2" />
        <input type="checkbox" name="nalog[]" value="3" />
        <input type="checkbox" name="nalog[]" value="4" />
        <input type="button" onclick="naiti(event)" value="ОК" />                    
    </form>



    </body>
    </html>