passing multipe checkbox values to textbox

Hi I have 3 groups of checkbox. One is for fruit platter, cake platter, wraps, .each has 7 checkboxes. I want to add unlimited number of groups and keep checkboxes. So i need a javascript to pass checkbox values to textbox so i can upload to mysql database. For eg:for fruit platter: apple, orange,kiwi fruit, etc. I found couple of javascripts but it works for only one group or one bunch of checkboxes. and i have multiple groups.So i need one javascript which can work with all groups or individual javascripts for each group.

Sep 25 '13 #1

Subscribe Post Reply

5642

Dormilich

8,658

Expert Mod 8TB

So i need a javascript to pass checkbox values to textbox so i can upload to mysql database.

give the checkboxes the appropriate name attribute and they submit to the DB themselves.

Sep 25 '13 #2

bhitra

If i use name attribute for eg: name=ball[] . It will create 5 rows for 5 checkboxs. But i want one row for all values of checkbox. I found the javascript which works for only one group of checkboxes. Can u help me to modify the code? Can u give me a javascript for next group fruit?

Expand|Select|Wrap|Line Numbers

 <html>
 
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>New Page 1</title>
 
</head>
 
<body>
 
<form action="car.php" method="post">
 
Wraps: <input type="text" id="showValues" name="wrap" /><br />

    <input onclick="ATHD()" id="1" type="checkbox" name="pr" value="Password Reset" />*Password Reset<br />

    <input onclick="ATHD()" id="2" type="checkbox" name="ps" value="Password Setup" />*Password Setup<br />

    <input onclick="ATHD()" id="3" type="checkbox" name="fu" value="Firmware Upgrade (if applicable)" />*Firmware Upgrade (if 
 
applicable)<br />

    <input onclick="ATHD()" id="4" type="checkbox" name="la" value="Local Access Setup" />*Local Access Setup<br />

    <input onclick="ATHD()" id="5" type="checkbox" name="ra" value="Remote Access Setup" />*Remote Access Setup<br />

    <input onclick="ATHD()" id="6" type="checkbox" name="ma" value="Mobile Access Setup" />*Mobile Access Setup<br />

    <input onclick="ATHD()" id="7" type="checkbox" name="rss" value="Recording Schedule Setup" />*Recording Schedule Setup<br 
 
/>

    <input onclick="ATHD()" id="8" type="checkbox" name="pb" value="How to playback video" />*How to playback video<br />

    <input onclick="ATHD()" id="9" type="checkbox" name="cv" value="How to convert video" />*How to convert video<br />

    <input onclick="ATHD()" id="10" type="checkbox" name="en" value="Email Notification Setup" />*Email Notification Setup<br 
 
/>

    <input onclick="ATHD()" id="11" type="checkbox" name="ptz" value="PTZ Setup (if applicable)" />*PTZ Setup (if 
 
applicable)<br />

    <input type="hidden" id="hdnValues" />

    <textarea id="showValue" row="10" cols="50"></textarea><br />
 
fruit: <input type="text" id="showValuess" name="ball" /><br />

    <input onclick="ATHDU()" id="12" type="checkbox" name="pr" value="Password Reset" />*Password Reset<br />

    <input onclick="ATHU()" id="13" type="checkbox" name="ps" value="Password Setup" />*Password Setup<br />

    <input onclick="ATHDU()" id="14" type="checkbox" name="fu" value="Firmware Upgrade (if applicable)" />*Firmware Upgrade 
 
(if applicable)<br />

    <input onclick="ATHDU()" id="15" type="checkbox" name="la" value="Local Access Setup" />*Local Access Setup<br />

    <input onclick="ATHDU()" id="16" type="checkbox" name="ra" value="Remote Access Setup" />*Remote Access Setup<br />

    <input onclick="ATHDU()" id="17" type="checkbox" name="ma" value="Mobile Access Setup" />*Mobile Access Setup<br />

    <input onclick="ATHDU()" id="18" type="checkbox" name="rss" value="Recording Schedule Setup" />*Recording Schedule 
 
Setup<br />

    <input onclick="ATHDU()" id="19" type="checkbox" name="pb" value="How to playback video" />*How to playback video<br />

    <input onclick="ATHDU()" id="20" type="checkbox" name="cv" value="How to convert video" />*How to convert video<br />

    <input onclick="ATHDU()" id="21" type="checkbox" name="en" value="Email Notification Setup" />*Email Notification 
 
Setup<br />

    <input onclick="ATHDU()" id="22" type="checkbox" name="ptz" value="PTZ Setup (if applicable)" />*PTZ Setup (if 
 
applicable)<br />

    <input type="hidden" id="hdnValues" />

    <textarea id="showValue" row="10" cols="50"></textarea><br />
 
<input type="submit" name="subscribe">

</form>
 
<script type="text/javascript">
 
// find number of checkboxes (you haven't specified if you 

// have a set number or not. If you have a set number, just 

// set checkboxCount to whatever number you have.

var checkboxCount = 0;

var inputTags = document.getElementsByTagName('input');

for (var i=0, length = inputTags.length; i<length; i++) {

     if (inputTags[i].type == 'checkbox') {

         checkboxCount++;

     }

}
 
function ATHD() {

    var totalValue = '';

    for (var i = 1; i < checkboxCount; i++) {

        if (document.getElementById(i).checked)

            totalValue += inputTags[i].value + ';';

    }

    document.getElementById("hdnValues").value = totalValue;

    document.getElementById("showValues").value = totalValue;

}
 
</script>
 
</body>
 
</html>

Sep 26 '13 #3

Dormilich

8,658

Expert Mod 8TB

If i use name attribute for eg: name=ball[] . It will create 5 rows for 5 checkboxs. But i want one row for all values of checkbox. I found the javascript which works for only one group of checkboxes.

I have no idea what that is supposed to mean.

PS. you feed on software?

Sep 26 '13 #4

Sherin

64KB

Example

If I check two checkboxes then I see the textbox shows two checkboxes' values separated by a comma like "coffee,beer".

Expand|Select|Wrap|Line Numbers

 <form name="form1">

<input type="checkbox" name="checkboxname" value="coffee">

<input type="checkbox" name="checkboxname" value="tea">

<input type="checkbox" name="checkboxname" value="beer">

<input type="checkbox" name="checkboxname" value="soda">

<input type="checkbox" name="checkboxname" value="orangejuice">

</form>
 
<form name="form2">

<input type="text" name="textname">

</form>

Nov 6 '20 #5

SioSio

272

256MB

Did Sherin forget to write javascript?

Expand|Select|Wrap|Line Numbers

 
<form name="form1">

    <input type="checkbox" name="fruits1" value="apple"> apple

    <input type="checkbox" name="fruits1" value="orange" > orange

    <input type="checkbox" name="fruits1" value="melon" > melon

    <input type="checkbox" name="fruits1" value="pinapple" > pinapple

    <input type="checkbox" name="fruits1" value="grape" > grape

    <input type="checkbox" name="fruits1" value="banana" > banana

    <input type="checkbox" name="fruits1" value="strawberry" > strawberry

</form>

<input type="button" value="Button" onclick="clickBtn1()"/>

<form name="form2">

    <input type="text" name="text1" value="" maxlength="5">

</form>

<script>

function clickBtn1(){

    const arr1 = [];

    const fruits1 = document.form1.fruits1;

    for (let i = 0; i < fruits1.length; i++){

        if(fruits1[i].checked){

            arr1.push(fruits1[i].value);

        }

    }

    document.form2.text1.value = arr1;

}

</script>

Nov 6 '20 #6

Similar topics

post without form ?

by: Angelos | last post by:

I have this list of logs stored in a MySQL DB. I display them in a list and next to each log I have a del view LINK I want to add Checkboxes next to each log and keep del and view links as...

PHP

add checkbox and textbox dynamic

by: mahsa | last post by:

Hi i want to add checkbox and textbox dynamicly I use this for check box but it has erro CheckBox box = new CheckBox() this.box.CheckedChanged += new System.EventHandler(this.box_CheckedChanged)...

ASP.NET

update checkbox values from gridview to database table.

by: hazz | last post by:

What do I do to capture the checkbox values as listed below in order to update the database table. There will be an ID field also contained in the row to use in the update query. What would I put...

ASP.NET

passing array checkbox value and update the database

by: shobu | last post by:

passing array checkbox value and update the database <?include 'dbconnect.php'; error_reporting(0);$update_qr="update...

PHP

checkboxes are not passing respective textboxes values

by: goutam12345 | last post by:

Hello experts, Please help.... My checkboxes are not passing respective textboxes values to another page My checkboxes are moving in a loop <input type="checkbox" name="chkID" id="chkID" ...

PHP

VB.Net Checkbox values

by: LionsDome | last post by:

Hello, I have a vb.net page which a bunch of checkboxes. A user can select a checkbox(s) and hit the submit button to store those values in a SQL Server table. This works fine with no problem...

.NET Framework

[Javascript] Checkbox values

by: Mike1961 | last post by:

Checkbox values Hello. I have a problem with this code ASP / Javascript. The problem is JavaScript; try this LINK and select value cespiti 1) With ASP language is populated a secondary...

Javascript

Trouble with inserting Checkbox values

by: raamay | last post by:

I have six checkboxes as shown below: <table> <tr> <td><input name="spec1" type="checkbox" value="0" tabindex="11" /><label id="label">Bridge Construction</label></td> </tr> <tr> <td><input...

PHP

How to insert the checkbox values into database?

by: JSharma | last post by:

Hii Everyone I am having a problem while inserting the checkbox values into database after posting. I am actually getting the Checkbox fields from Database .Now I want to insert the Checked field...

ASP / Active Server Pages

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing