Php File-dir Scripts
Free Script Image UploadFree Script File Upload
Free Script Find File Extension
Free Script Check File Exist
Free Script Get File Information
Free Script Read Text From File
Free Script Write to File
Free Script Delete Image
Free Script Delete File
Free Script Line Range From File
Free Script Scan Directory
Free Script Count Line Word Character in File
Free Script Rename Files
Free Script Sort File
Free Script Copy Directory
Free Script Create Directory
Free Script Delete Directory
Free Script Create Temporary File
Free Script Calculate Disk Space Usage
Free Script Path System Temp Folder
Free Script Change File Extension
Free Script Search and replace string within file
Free Script Rename Directory
Free Script Printing Directory
Free Script Process Directory
Free Script Remove Line From File
Free Script Read Byte Range From File
Php Scripts
Free Script 8 Ball MagicFree Script Sending Sms
Free Script String
Free Script Number Scripts
Free Script Date and Time
Free Script Forms Sessions Cookies
Free Script Arrays
Free Script Html and Wep Page
Java Scripts
Free Script ValidationFree Script Enable Disable
Free Script Add More Html Controls
Country Information
Free Script time difference to GMT UTC
Add More Check Box
In the Add More Check Box script is use to create one or more a check box dynamically through DOM.
Demo :
| Check : |
Example :
You click a Add More Button and see more check box at broswer.
Code :
Following code is Add More Check Box script code if you need to copy and use to your web site.
<script type="text/javascript">
var checkCount = 0;
function addcheck (parentEl)
{
if (!parentEl)
{
return false;
}
parentEl = document.getElementById(parentEl);
if (parentEl == null)
{
return false;
}
var newcheck = document.createElement("input");
newcheck.type = "checkbox";
newcheck.id = "mycheck"&++checkCount;
newcheck.name = "mycheck";
newcheck.value = "123123";
newcheck.className='check_box';
parentEl.appendChild(newcheck);
return false;
}
</script>
<fieldset id="somechecks" class="checkset">
<legend><input type="checkbox" ></legend>
</fieldset>
<input type="button" value="Add More" onclick="return addcheck('somechecks');" >
var checkCount = 0;
function addcheck (parentEl)
{
if (!parentEl)
{
return false;
}
parentEl = document.getElementById(parentEl);
if (parentEl == null)
{
return false;
}
var newcheck = document.createElement("input");
newcheck.type = "checkbox";
newcheck.id = "mycheck"&++checkCount;
newcheck.name = "mycheck";
newcheck.value = "123123";
newcheck.className='check_box';
parentEl.appendChild(newcheck);
return false;
}
</script>
<fieldset id="somechecks" class="checkset">
<legend><input type="checkbox" ></legend>
</fieldset>
<input type="button" value="Add More" onclick="return addcheck('somechecks');" >
In the above addcheck() function is use to create more a check box.That functions have one arguments that is parentEl.document.createElement("input") is generate a input check box and checkCount variable is use to create to child check box id.appendChild() function is use to replace dom object into original check box.
Free Download Script:
If you need to Add More Check Box Script click and download from following zip file.
|
|
Tweet |
|
|