Вопросы и ответы
Топ за год Облако тегов  

помогите с формой (javascript)

интернет компьютеры программирование JavaScript

greg_shark, 148 просмотров
-1
есть форма, в ней есть чекбоксы 10 штук с разными значениями, надо чтобы по мере отметок чекбоксов их значения складывались в текстовом поле через пробел т.е. "1 4 5 9 10" ну собственно и все.
ну вот код примерный с формой (с ошибками но не суть)
<form name="admin" id="admin" action="http://www.ya.ru /index.php?option=4" method="post">
<input name="areas1" value="1" id="area_content" type="checkbox">
<input name="areas2" value="2" id="area_weblinks" type="checkbox">
<input name="areas3" value="3" id="area_contacts" type="checkbox">
<input name="areas4" value="4" id="area_categories" type="checkbox">
<input name="areas5" value="5" id="area_sections" type="checkbox">
<input name="areas6" value="6" id="area_newsfeeds" type="checkbox">

<input type="text" name="keyword" maxlength="30" class="searchbox" value="_вот сюда должно складываться «1 3 4 6»_" />

<button name="Search" onclick="this.form.submit()" class="button">Поиск</button>


Примечание:
jQuery это такая библиотека, да? как ее подключить на страничке?

Примечание:
jQuery это такая библиотека, да? как ее подключить на страничке?

Примечание:
jQuery это такая библиотека, да? как ее подключить на страничке?

Примечание:
2 bungholio
мне нужно "сложение" именно текстовых значений

Примечание:
тем кто будет юзать решение (мне нужно было для отправки hidden строки поиска с текстовым запросом который собирался из чекбоксов)
вставить нужно onclick="javascript:SetText();" в чекбоксы
Ответы:
Ivan Muravikov
писал когда то такой скрипт используется jQuery
<script language="JavaScript">
function change(el,id)
{
       if(el.checked)
       {
             if($('#'+id).attr('value'))
             {
               $('#'+id).attr('value',$('#'+id).attr('value')+el.value);
             }
             else
             {
               $('#'+id).attr('value',el.value);
             }
       }
       else
       {
               $('#'+id).attr('value',$('#'+id).attr('value').split(el.value).join(""));
       }
}
</script>
меняет значение value  элемента с идом id добавляя/убирая значение value элемента el
в вашем случае
<input name="areas1" value="1" id="area_content" type="checkbox" onClick="change(this,'summ')">
.
.
.
<input type=text id=summ>
Без имени
var sum=0;
for (var i = 0; i < document.admin.elements.length; i++)
if (document.admin.elements[i].type.toLowerCase() == "checkbox") sum += document.admin.elements[i].value;
alert(sum);
Blacklokky
function SetText()
{
   var str="";
   var count=document.admin.elements.length;
   for(var i=0;i<count;i++)
   {
       if((document.admin.elements[i].checked==true) && (document.admin.elements[i].type=="checkbox"))
       {
           var t=document.admin.elements[i].value;
           str+=t;
       }
   }
   document.admin.keyword.value=str;
}
Эту ф-цию можно поставить onclick для кнопки,или для каждого чекбокса.


15 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.