Radio Button Komponente

Radiobuttons bilden immmer eine Gruppe, einen der Radiobuttons kann man aktivieren, die anderen werden dann automatisch deaktiviert. Mittels Eigenschaftenfenster und Codefragmenten kann man Radiobuttons erstellen.

Im Eigenschaftenfenster vergibt man einen Instanznamen für jeden Radiobutton.

Die anderen Eigenschaften sind

• Bezeichnung / Beschriftung
• Wert / Wert den man man abfragen kann
• Name / Gruppenname alle Buttons zu einer Gruppe benötigen den gleichen Gruppennamen

/* 
Codefragment für r1 und r2
*/

if(!this.r1_change_cbk) {
	function r1_change(evt) {
		// Beginn des benutzerdefinierten Codes
		console.log(evt.target.checked);
		this.info.text = "Ja das finde ich gut";
		// Ende des benutzerdefinierten Codes
	}
	$("#dom_overlay_container").on("change", "#r1", r1_change.bind(this));
	this.r1_change_cbk = true;
}



if(!this.r2_change_cbk) {
	function r2_change(evt) {
		// Beginn des benutzerdefinierten Codes
		console.log(evt.target.checked);
		this.info.text = "Nö, das kann ich ja überhaupt nicht leiden.";
		// Ende des benutzerdefinierten Codes
	}
	$("#dom_overlay_container").on("change", "#r2", r2_change.bind(this));
	this.r2_change_cbk = true;
}

//Voreinstellung auf ja und r1 auf checked
this.info.text = "Ja das finde ich gut";
//Hier wird r1 auf checked gesetzt, dazu gibt es kein Codefragment

this.r1.on("added", function () {

     document.getElementById("r1").checked = true;
});