Urlaub in Lichtenau-Husen
TomSoft - handmade Software

RadioGroup Live Demo Page

This Demo-Page should give you an idea about the RadioGroup plug-in:
The RadioGroup on the right hand side will be enabled / disabled based on the left-hand side selection.
Clicking the button shows the current value of both Groups in the Textboxes.


Nationality
[Foreign] Cultural Origin
Nationality:    Cult.Origin:

 

Sample Source Code:


// define Namepaces
$Form = { controls: {}, data: {} };
$Controls = $Form.controls;
$(document).ready(function() {
$Form.onInit();
$Form.WriteForm();
});

$Form.onInit = function() {
$Controls.radioGroupStaat = $("#fsStaat").RadioGroup().click(onStaat);
$Controls.radioGroupHerkunft = $("#fsKultur").RadioGroup();
$Controls.kultur_txtZugezogen = $("#txtZZJahr").val("0");
$Controls.kultur_txtErworbenJahr = $("#txtStakJahr").val("0");

$Controls.txtNat = $("#txtNat");
$Controls.txtCult = $("#txtCult");

return this;
};

function onStaat(event) {
var val = $Controls.radioGroupStaat.val();
switch (val) {

case "1":
$Controls.radioGroupHerkunft.disable(1, 4, 5);
$Controls.kultur_txtZugezogen.disable().val("0");
$Controls.kultur_txtErworbenJahr.disable().val("0");
break;

case "2":
$Controls.radioGroupHerkunft.disable(0, 3, 5);
$Controls.kultur_txtZugezogen.enable().val("1990");
$Controls.kultur_txtErworbenJahr.enable().val("1997");
break;

case "3":
$Controls.radioGroupHerkunft.disable(0, 1, 3, 4);
$Controls.kultur_txtZugezogen.enable().val("2003");
$Controls.kultur_txtErworbenJahr.disable().val("0");
break;
};
return true;
};

///
/// WriteForm
///
$Form.WriteForm = function() {
$Controls.radioGroupStaat.val("1");
$Controls.radioGroupHerkunft.val("5");
};

$Form.ReadForm = function() {
$Controls.txtNat.val($Controls.radioGroupStaat.val());
$Controls.txtCult.val($Controls.radioGroupHerkunft.val());
return false;
};


$.fn.enable = function(bEnable) {
/// <summary>
/// jQuery plugin to enable/disable Controls
/// </summary>
/// <returns type="JQuery">JQuery Wrapper</returns>
return this.each(function() {
this.disabled = false;
})
};

$.fn.disable = function() {
/// <summary>
/// jQuery plugin to enable/disable Controls
/// </summary>
/// <returns type="JQuery">JQuery Wrapper</returns>
return this.each(function() {
this.disabled = true;
})
};