ПОМОГИТЕ С CHECKBOX!!!
Вообщем есть список, определенной продукции(прайслист),
в нем товар выделяется чекбоксом , допустим я выберу несколько позиций(поставлю рядом с ними галочки),допустим внизу данной страницы есть форма обратной связи для отправки на email. вопрос: как сделать так что бы выбранные чекбоксом(галочками), позиции, появлялись в textarea формы обратной связи, на этой же странице, для дальнейшей из отправки на мыло.и что бы при снятии галочки с позиции она удалялась из текстареа. цель: удобство заполнения формы обратной связи, т.к. позиции в прайс листе имеют очень длинные и заковыристые названия. дабы пользователю не копировать их или не переписывать. Помогите кто чем сможет, я в Js новичок, попытался описать как можно понятнее, кода пока нет ни какого , если кто поможет написать, буду признателен, или хотябы даст пример подобого кода для разбора?? Заранее спасибо!! |
похожий пример был http://javascript.ru/forum/job/24990...olya-text.html
|
РЕбят а как в этом коде сделать, что бы элементы добавлялись не подряд в одной строке а каждый элемент с новой строки??
<!DOCTYPE html> 02 <html> 03 <head> 04 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 05 <title>demo</title> 06 <script type='text/javascript' src='http://code.jquery.com/jquery-git.js'></script> 07 <script> 08 $(function(){ 09 var jCh = $(':checkbox[name="keyword"]'), 10 jText = $('#keyword'); 11 12 jCh.change(function () { 13 14 var s = jCh.filter(':checked').map(function () { 15 return this.value; 16 }).get().join(' '); 17 18 jText.val(s); 19 20 }); 21 }); 22 </script> 23 </head> 24 <body> 25 <input type="checkbox" name="keyword" value="123" />123 26 <input type="checkbox" name="keyword" value="456" />456 27 <input type="checkbox" name="keyword" value="789" />789 28 <input name="keyword" type="text" size="12" title="" class="inputbox" id="keyword" /> 29 </body> 30 </html> |
}).get().join(' '); -> }).get().join('\n'); <input name="keyword" type="text" size="12" title="" class="inputbox" id="keyword" /> -> <textarea name="keyword" class="inputbox" id="keyword" ></textarea> |
И последний вопрос , посмотрите плз.
есть таблица(кусок всю не стал постить): <table style="width: 100%; border: 3px groove; font-family: verdana, tahoma; color:#666666; cellspacing:10; " > <tr > <td class="tablica"><label> <input type="checkbox" name="set" onclick="setChecked(this)" /> <span id="text"></span> </td> <td class="tablica">Наименование Продукции</td> <td class="tablica" >Цена(в рублях)</td> </tr> <tr > <td class="tablica"><input type="checkbox" name="keyword" value=".Антилипидный чай" id="ch1" /></td> <td class="tablica1"><label for="ch1">Антилипидный чай</label></td> <td class="tablica"><label for="ch1">Цена</label></td> </tr> <tr > <td class="tablica"><input type="checkbox" name="keyword" id="ch2" value=".Биокальций" /></td> <td class="tablica1"><label for="ch2">Биокальций</label></td> <td class="tablica">Цена</td> </tr> <tr > <td class="tablica"><input type="checkbox" name="keyword" id="ch3" value=".Биокальций «Гай-бао»"></td> <td class="tablica1"><label for="ch3">Биокальций «Гай-бао»</label></td> <td class="tablica">Цена</td> </tr> <tr > <td class="tablica"><input type="checkbox" name="keyword" id="ch4" value=".Биокальций для детей"></td> <td class="tablica1"><label for="ch4">Биокальций для детей</label></td> <td class="tablica">Цена</td> </tr> </table> Есть форма отправки на мыло: <center> <form action="http://masterform.info/mail.php" method="post"> <input type="hidden" name="zagol_soob" value="" /> <div class="incont11" style="width:400px; text-align:left; color:#000; font:12px verdana; "> <div style="text-align:center; color:#000; ">Заявка на продукцию</div> <div style=" padding:8px 20px 0px 20px;">Ваше Ф.И.О.</div> <div style="padding:1px 20px 0px 20px;"> <input name="name" type="text" style="width:358px; height:20px; background:#FFFFFF; border:1px solid #CCCCCC; color:#191970;" maxlength="50" /> </div> <div style="padding:8px 20px 0px 20px;">Ваш E-mail</div> <div style="padding:1px 20px 0px 20px;"> <input name="e_mail" type="text" style="width:358px; height:20px; background:#FFFFFF; border:1px solid #CCCCCC; color:#191970;" maxlength="50" /> </div> <div style="padding:8px 20px 0px 20px;">Выбранная продукция:</div> <div style="padding:1px 20px 0px 20px;"> <textarea name="text" disabled title="" class="inputbox" id="keyword" style="width:358px; height:100px; border:0px; background:inherit; "> </textarea> </div> <div style="overflow:auto; width:100%;"> <div style="float:left; padding:10px 0px 10px 20px;">Число на изображении<br /> <input name="captcha" type="text" style="width:220px; height:20px; background:#FFFFFF; border:1px solid #CCCCCC; color:#191970;" maxlength="5" /> </div> <div style="float:right; padding:10px 20px 10px 0px;"> <a href="http://masterform.info/"><img border="0" src="http://masterform.info/captcha2.php" /></a> </div> </div> <div style="padding:5px 20px 15px 20px; text-align:center;"> <input type="submit" value="Отправить заявку" style="cursor:pointer; width:200px; height:35px; font:15px verdana;" /> </div> </div></form></center> в ней конкретно 23 строка (мой текстареа по которому я тут так волнуюсь), так вот в него при выборе определнного checkboxa из таблицы , автоматически попадают названия внесенные в value="" выбранного чекбокса. Вот скрипт. за это отвечающий: <script> $(function(){ var jCh = $(':checkbox[name="keyword"]'), jText = $('#keyword'); jCh.change(function () { var s = jCh.filter(':checked').map(function () { return this.value; }).get().join('\n'); jText.val(s); }); }); </script> Так же еще стоит скрипт на выделение снятие всех позиций общим чекбоксом: <script type="text/javascript"> function setChecked(obj) { var str = document.getElementById("text").innerHTML; document.getElementById("text").innerHTML = str; var check = document.getElementsByName("keyword"); for (var i=0; i<check.length; i++) { check[i].checked = obj.checked; } } </script Вопрос: Мне еще в эту таблицу нужно будет занести цену(вместо слова "цена"), и нужно что бы при выборе позиций(чекбоксов), в текстареа вместе с Названием добавлялась цена, и считалась общая сумма , выбранных цен, как это сделать, я не могу понять, ведь value="" данного чекбокса занято Названием позиции!! И что бы так же при снятии выделения чекбокса, цена вместе с названием исчезали из текстареа и соответственно вычитались из общей суммы выбранных элементов. Это вообще возможно в моем случае реализовать, помогите плз последний разок, больше не пристану чесслово :) |
Увы для этого нужно немного покодить, а мне лень.
Так что вам или в раздел работа, или ждать альтруиста, или же почитать учебник по js самостоятельно. |
все равно спасибо, но если вдруг, лень пройдет, то я вам буду очень признателен.
|
ладно хрен с ней с этой суммой сам разберусь, вот вопрос о котором я забыл.
как мне количесиво этих наименований указывать, т.е. я могу в отдельную ячейку поставить селект, но как его связать с checkbox, чтобы в текстареа еще и количество отображалось при выборе чекбокса.можно так сделать или тоже много кодить нужно? |
Часовой пояс GMT +3, время: 03:40. |