Tag Archive for checkbox

Require a checkbox to be checked:

<asp:CustomValidator runat="server" ID="rfvMember" OnServerValidate="cbMember_Validate" ValidateEmptyText="true" ErrorMessage="Member coverage is required." Display="None"></asp:CustomValidator>


protected void cbMember_Validate(object sender, ServerValidateEventArgs e)
	{
		e.IsValid = cbMember.Checked;
	}

source

YAML-Formular Checkbox

	              <div class="type-check">
	                <input type="checkbox" name="newsletter" id="newsletter" />
	                <label for="newsletter">Sign me up for your newsletter</label>
	              </div>

source

Finding other controls in same gridview row from the event method of a control

<asp:GridView ID="GridView1" runat="server"
AutoGenerateColumns="False" OnRowCommand="GridView1_RowCommand">
<Columns>
<asp:BoundField DataField="CategoryID"
HeaderText="CategoryID" />
<asp:BoundField DataField="CategoryName"
HeaderText="CategoryName" />
<asp:TemplateField HeaderText="Select">
<ItemTemplate>
<asp:CheckBox ID="CheckBox1"
AutoPostBack="true" runat="server"
OnCheckedChanged="CheckBox1_CheckedChanged1" />

</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

And the code behind:

protected void CheckBox1_CheckedChanged1(object sender, EventArgs e)
{
CheckBox checkbox = (CheckBox)sender;
GridViewRow row = (GridViewRow) checkbox.NamingContainer;
Response.Write(row.Cells[0].Text);
}

source

Creating a Checkbox

package {
import flash.display.*;
import flash.events.*;
import flash.text.*;

public class CheckBox extends Sprite {

private var _label:FormattedTextField;
private var _icon:CheckBoxIcon;
private var _isChecked:Boolean = false;

public function CheckBox( name:String, value:* ) {

build( );
setupEventListeners( );
layout( );
}


private function build():void {

_icon = new CheckBoxIcon( );

_label = new TextField(  );
_label.autoSize = TextFieldAutoSize.LEFT;
_label.text = value.label;
_label.selectable = false;
addChild( _icon );
addChild( _label );
}


private function layout():void {

_label.x = _icon.x + _icon.width + 5;
_label.y = _icon.x + (_icon.height - _label.height) * 0.5;
}

private function setupEventListeners():void {

addEventListener( MouseEvent.CLICK , clickListener );
}

public function set selected( pValue:Boolean ):void {
_isChecked = pValue;
}

public function get selected():Boolean {
return _isChecked;
}

private function clickListener(e:MouseEvent):void {
if(selected)
{
_icon.uncheck( );
selected = false;
}
else
{
_icon.check( );
selected = true;
}
}
}

source

Check all checkbox in the form

<SCRIPT LANGUAGE="JavaScript">
function checkAll() {
var theForm, z = 0;
theForm = form_1;
for(z=0; z<theForm.length;z++){
if(theForm[z].type == 'checkbox'){
theForm[z].checked = true;
}
}
}

function uncheckAll() {
var theForm, z = 0;
theForm = form_1;
for(z=0; z<theForm.length;z++){
if(theForm[z].type == 'checkbox'){
theForm[z].checked = false;
}
}
}
</SCRIPT>

source

pear quickform multiple checkbox render

 		$renderer->setGroupElementTemplate('{label}<li>{element}</li>','categ');
$renderer->setElementTemplate('<ul><h4>{label}</h4><li>{element}</li></ul>','categ');

source

pear quickform multiple checkbox checked

	$checkobj = array();
foreach($Categories as $h => $ValueC){
$checkobj = HTML_QuickForm::createElement('checkbox', $h ,null ,utf8_encode($ValueC['category']));
if(count($CategoryGroups) > 0){

foreach ($CategoryGroups as $KeyC => $ValC) {
if($ValueC['id'] == $KeyC){
echo "<pre>";
print_r($KeyC);
echo "</pre>";
$checkobj->setChecked(true);
}
}
}
$checkboxen[] = $checkobj;
}
$form->addGroup($checkboxen, 'categ', $_lang['daten']['category'], '', true);

source

JavaScript validation library

// == Funzioni per la validazione dei formati =========================================================
//	function testNumericoIntPos(oggTextfield, boolObbligatorio)
//	function testNumerico(oggTextfield, boolObbligatorio)
//	function testDataAA(oggTextfield, boolObbligatorio)
//	function testDataAAAAstr(stri)
//	function testDataAAAA(oggTextfield, boolObbligatorio)
//	function testData(o,b,formato)
//	function testDataOra(o,b,formato)
//	function testDataGgMmAaaa(oggTextfield, boolObbligatorio)
//	function testDataGgMmAaaaHHii(oggTextfield, boolObbligatorio)
//	function testDataAaaaMmGg(oggTextfield, boolObbligatorio)
//	function testDataAaaaMmGgHHii(oggTextfield, boolObbligatorio)
//	function testUrl(oggTextfield, boolObbligatorio)
//	function testEmail(oggTextfield, boolObbligatorio)
//	function testRadio(oggRadio, boolObbligatorio)
//	function testRadioValue(oggRadio, boolObbligatorio, valore)
//	function testCheckbox(oggCheckbox, boolObbligatorio)
//	function testCAP(oggTextfield, boolObbligatorio)
//	function testCodiceFiscale(oggTextfield, boolObbligatorio)
//	function testAlfanumerico(oggTextfield, boolObbligatorio)
//	function testCampoTesto(oggTextfield, boolObbligatorio)
//	function testSerieDiCheckbox(oggCheckbox, boolObbligatorio)
//	function testCombobox(oggComboBox, boolObbligatorio)
//	function testComboboxMultiple(oggComboBox, boolObbligatorio)
//	function trim(str)
// ====================================================================================================

//
// ====================================================================================================

function testNumericoIntPos(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")

if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true

var re = /^d+$/

return(re.test(oggTextfield.value))
}

function testNumerico(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")

if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true

if (oggTextfield.value == "-")
return false

// var re = /^-?d+.?d*$/        // accetta "-3243." , NON accetta ".9843" , NON accetta "-.9843"
var re = /^-?d*(,d+)?$/      // NON accetta "-3243." , accetta ".9843", accetta "-.9843" (accetterebbe anche "-" ma l'ho già escluso)

return (re.test(oggTextfield.value))
}

function testDataAA(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")

if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true

// var re = /^(d{2})/(d{2})/d{2}$/            // accetta solo 04/06/99 e non 4/6/99
var re = /^(d{1,2})/(d{1,2})/(d{2})$/        // accetta anche 4/6/99

if (!(re.test(oggTextfield.value)))
return false

var arrMatches = re.exec(oggTextfield.value)

var giorno = parseInt(arrMatches[1],10)
var mese = parseInt(arrMatches[2],10)
var anno = parseInt(arrMatches[3],10)

if (mese < 1 || mese > 12)
return false

var nGiorni

switch (mese) {
case 4 : case 6 : case 9 : case 11 :
nGiorni = 30
break
case 2 :
if (anno % 4 == 0 && (anno % 1000 == 0 || anno % 100 != 0))
nGiorni = 29
else
nGiorni = 28
break
default :
nGiorni = 31
}

if (giorno > nGiorni || giorno < 1)
return false
else {
/*oggTextfield.value = (
( (giorno<10) ? '0' + giorno : giorno ) + '/' +
( (mese<10) ? '0' + mese : mese) + '/' +
( anno )
)*/

return true
}
}

function testDataAAAAstr(stri) {
stri = stri.replace(/s+$|^s+/g,"")

var re = /^(d{1,2})/(d{1,2})/(d{4})$/       // accetta anche 4/6/1999

if (!(re.test(stri)))
return false

var arrMatches = re.exec(stri)

var giorno = parseInt(arrMatches[1],10)
var mese = parseInt(arrMatches[2],10)
var anno = parseInt(arrMatches[3],10)

if (mese < 1 || mese > 12)
return false

var nGiorni

switch (mese) {
case 4 : case 6 : case 9 : case 11 :
nGiorni = 30
break
case 2 :
if (anno % 4 == 0 && (anno % 1000 == 0 || anno % 100 != 0))
nGiorni = 29
else
nGiorni = 28
break
default :
nGiorni = 31
}

if (giorno > nGiorni || giorno < 1)
return false
else
return true
}

function testDataAAAA(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")

if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true

// var re = /^(d{2})/(d{2})/d{4}$/             // accetta solo 04/06/99 e non 4/6/1999
var re = /^(d{1,2})/(d{1,2})/(d{4})$/       // accetta anche 4/6/1999

if (!(re.test(oggTextfield.value)))
return false

var arrMatches = re.exec(oggTextfield.value)

var giorno = parseInt(arrMatches[1],10)
var mese = parseInt(arrMatches[2],10)
var anno = parseInt(arrMatches[3],10)

if (mese < 1 || mese > 12)
return false

var nGiorni

switch (mese) {
case 4 : case 6 : case 9 : case 11 :
nGiorni = 30
break
case 2 :
if (anno % 4 == 0 && (anno % 1000 == 0 || anno % 100 != 0))
nGiorni = 29
else
nGiorni = 28
break
default :
nGiorni = 31
}

if (giorno > nGiorni || giorno < 1)
return false
else
return true
}

function testData(o,b,formato) {
if (formato=="gg-mm-aaaa")
{
return testDataGgMmAaaa(o,b);
}
if (formato=="aaaa-mm-gg")
{
return testDataAaaaMmGg(o,b);
}
return false;
}

function testDataOra(o,b,formato) {
if (formato=="gg-mm-aaaa")
{
return testDataGgMmAaaaHHii(o,b);
}
if (formato=="aaaa-mm-gg")
{
return testDataAaaaMmGgHHii(o,b);
}
return false;
}

function testDataGgMmAaaa(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")

if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true

var re = /^(d{1,2})-(d{1,2})-(d{4})$/       // accetta anche 4-6-1999

if (!(re.test(oggTextfield.value)))
return false

var arrMatches = re.exec(oggTextfield.value)

var giorno = parseInt(arrMatches[1],10)
var mese = parseInt(arrMatches[2],10)
var anno = parseInt(arrMatches[3],10)

//aggiunta la possibilità di mettere date con 0 nei mesi e nei giorni
if (mese < 0 || mese > 12)
return false

var nGiorni

switch (mese) {
case 4 : case 6 : case 9 : case 11 :
nGiorni = 30
break
case 2 :
if (anno % 4 == 0 && (anno % 1000 == 0 || anno % 100 != 0))
nGiorni = 29
else
nGiorni = 28
break
default :
nGiorni = 31
}

if (giorno > nGiorni || giorno < 0)
return false
else{
oggTextfield.value = (
( (giorno<10) ? '0' + giorno : giorno ) + '-' +
( (mese<10) ? '0' + mese : mese) + '-' +
( anno )
)

return true
}
}

function testDataGgMmAaaaHHii(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")

if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true

var re = /^(d{1,2})-(d{1,2})-(d{4}) (d{1,2}):(d{1,2})$/       // accetta anche 4-6-1999

if (!(re.test(oggTextfield.value)))
return false

var arrMatches = re.exec(oggTextfield.value)

var giorno = parseInt(arrMatches[1],10)
var mese = parseInt(arrMatches[2],10)
var anno = parseInt(arrMatches[3],10)
var ore = parseInt(arrMatches[4],10)
var minu = parseInt(arrMatches[5],10)

//aggiunta la possibilità di mettere date con 0 nei mesi e nei giorni
if (mese < 0 || mese > 12)
return false

if (ore < 0 || ore > 24)
return false

if (minu < 0 || minu > 59)
return false

var nGiorni


switch (mese) {
case 4 : case 6 : case 9 : case 11 :
nGiorni = 30
break
case 2 :
if (anno % 4 == 0 && (anno % 1000 == 0 || anno % 100 != 0))
nGiorni = 29
else
nGiorni = 28
break
default :
nGiorni = 31
}

if (giorno > nGiorni || giorno < 0)
return false
else{
oggTextfield.value = (
( (giorno<10) ? '0' + giorno : giorno ) + '-' +
( (mese<10) ? '0' + mese : mese) + '-' +
( anno ) + ' '  +
( (ore<10) ? '0' + ore : ore) + ':' +
( (minu<10) ? '0' + minu: minu )

)
return true
}
}







function testDataAaaaMmGg(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")

if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true

var re = /^(d{4})-(d{1,2})-(d{1,2})$/       // accetta anche 4-6-1999

if (!(re.test(oggTextfield.value)))
return false

var arrMatches = re.exec(oggTextfield.value)

var giorno = parseInt(arrMatches[3],10)
var mese = parseInt(arrMatches[2],10)
var anno = parseInt(arrMatches[1],10)

//aggiunta la possibilità di mettere date con 0 nei mesi e nei giorni
if (mese < 0 || mese > 12)
return false

var nGiorni

switch (mese) {
case 4 : case 6 : case 9 : case 11 :
nGiorni = 30
break
case 2 :
if (anno % 4 == 0 && (anno % 1000 == 0 || anno % 100 != 0))
nGiorni = 29
else
nGiorni = 28
break
default :
nGiorni = 31
}

if (giorno > nGiorni || giorno < 0)
return false
else {
oggTextfield.value = (
( anno ) + '-' +
( (mese<10) ? '0' + mese : mese) + '-' +
( (giorno<10) ? '0' + giorno : giorno )
)
return true
}

}

function testDataAaaaMmGgHHii(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")

if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true

var re = /^(d{4})-(d{1,2})-(d{1,2}) (d{1,2}):(d{1,2})$/       // accetta anche 4-6-1999

if (!(re.test(oggTextfield.value)))
return false

var arrMatches = re.exec(oggTextfield.value)

var giorno = parseInt(arrMatches[3],10)
var mese = parseInt(arrMatches[2],10)
var anno = parseInt(arrMatches[1],10)
var ore = parseInt(arrMatches[4],10)
var minu = parseInt(arrMatches[5],10)

//aggiunta la possibilità di mettere date con 0 nei mesi e nei giorni
if (mese < 0 || mese > 12)
return false
if (ore < 0 || ore > 24)
return false

if (minu < 0 || minu > 59)
return false

var nGiorni

switch (mese) {
case 4 : case 6 : case 9 : case 11 :
nGiorni = 30
break
case 2 :
if (anno % 4 == 0 && (anno % 1000 == 0 || anno % 100 != 0))
nGiorni = 29
else
nGiorni = 28
break
default :
nGiorni = 31
}

if (giorno > nGiorni || giorno < 0)
return false
else {
oggTextfield.value = (
( anno ) + '-' +
( (mese<10) ? '0' + mese : mese) + '-' +
( (giorno<10) ? '0' + giorno : giorno ) + ' ' +
( (ore<10) ? '0' + ore : ore) + ':' +
( (minu<10) ? '0' + minu: minu )
)
return true
}

}


function testUrl(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")

if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true

var re = /^http://///g
return(re.test(oggTextfield.value))
}


function testEmail(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")
if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true
var rex = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
var risultato = rex.test(oggTextfield.value);
return risultato
}

function testRadio(oggRadio, boolObbligatorio) {
for (var i=0; i<oggRadio.length; i++) if (oggRadio[i].checked) return true
if (boolObbligatorio) return false
else return true }

function testRadioValue(oggRadio, boolObbligatorio, valore) {
for (var i=0; i<oggRadio.length; i++) if (oggRadio[i].checked && oggRadio[i].value==valore) return true;
if (boolObbligatorio) return false
else return true }

function testCheckbox(oggCheckbox, boolObbligatorio) {
if ((!oggCheckbox.checked) && boolObbligatorio) return false
else return true }

function testCAP(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")

if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true

var re = /^d{5}$/
return(re.test(oggTextfield.value))
}

function testCodiceFiscale(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.toUpperCase().replace(/s+$|^s+/g,"")

if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true

var re = /^[A-Z]{6}d{2}[A-Z]d{2}[A-Z]d{3}[A-Z]$/
return(re.test(oggTextfield.value))
}

function testAlfanumerico(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")

if (oggTextfield.value == "")
if (boolObbligatorio)
return false
else
return true

var re = /^[a-zA-Z0-9]+$/
return(re.test(oggTextfield.value))
}

function testCampoTesto(oggTextfield, boolObbligatorio) {
oggTextfield.value = oggTextfield.value.replace(/s+$|^s+/g,"")

if ((oggTextfield.value == "") && boolObbligatorio)
return false

return true
}

function testSerieDiCheckbox(oggCheckbox, boolObbligatorio) {
for (var i=0; i<oggCheckbox.length; i++)
if (oggCheckbox[i].checked)
return true

if (boolObbligatorio)
return false
else
return true
}

function testCombobox(oggComboBox, boolObbligatorio) {
var valore = oggComboBox.options[oggComboBox.selectedIndex].value;
if ((valore == "") && boolObbligatorio)
return false
else
return true
}

function testComboboxMultiple(oggComboBox, boolObbligatorio) {
if ((oggComboBox.selectedIndex == -1) && boolObbligatorio)
return false
else
return true
}

function trim(str) {
// Trimma gli eventuali spazi all'inizio e alla fine della stringa e trasforma tutti gli spazi doppi in spazi singoli
return str.replace(/s+/g," ").replace(/^s+/,"").replace(/s+$/,"")
}

// ====================================================================================================

source

Inserting/Retrieving checkbox values from database

//On form; checkbox option
echo "<input name='chbx' value='1' type='checkbox' CHECKED>";


//After form, find value of chbx for database
$showhide = (isset($_POST['chbx']) && $_POST['chbx'] == '1')? 1 : 0;


//Retrieving from database, find if chbx is checked for redisplaying original sumbission
$ckd = (isset($row['chbx']) && $row['chbx'] == '1')? "CHECKED" : "";
$checkbox = "<input name='chbx' value='1' type='checkbox' $chk>";

source

Select All Checkboxes Based On Class

<script language="JavaScript">
function checkAll(theForm, cName, status) {
for (i=0,n=theForm.elements.length;i<n;i++)
if (theForm.elements[i].className.indexOf(cName) !=-1) {
theForm.elements[i].checked = status;
}
}
</script>

<form id="selectForm">

Set 1:
<br>
<input type="checkbox" name="selected" value="01" class="results1"><br>
<input type="checkbox" name="selected" value="02" class="results1"><br>
Select All/None <input type="checkbox" onclick="checkAll(document.getElementById('selectForm'), 'results1', this.checked);" />
<br>
<br>

Set 2:
<br>
<input type="checkbox" name="selected" value="01" class="results2"><br>
<input type="checkbox" name="selected" value="02" class="results2"><br>
Select All/None <input type="checkbox" onclick="checkAll(document.getElementById('selectForm'), 'results2', this.checked);" />

</form>

source