ugrás a tartalomhoz

JQuery radio button

magnat · 2009. Aug. 14. (P), 12.52
Sziasztok, szeretném radio buttont lecserélni jqueryvel, de nem sikerül megoldani, hogy mindig csak egy gomb legyen aktiv, és ne lehessen a checkboxhoz hasonlóan bejelölni.

A kód:

		$("input[type='radio']").each(function(){
		var chbreplace = $("<div/>").css("border", "7px solid black").css("margin","0 3px 0 0").css("width","5px").css("height","5px").css("float","left").css("backgroundColor","white").attr("id","ide");
		
		var hiddeninput = $("<input/>").attr("type", "hidden").attr("name", $(this).attr("name"));
		if($(this).attr("checked"))
		{
			hiddeninput.attr("value", "on");
			chbreplace.addClass("checked").css("backgroundColor","red");
		}
		
		chbreplace.click(function(){
			if($(this).hasClass("checked"))
			{
				$(this).removeClass("checked").css("backgroundColor","white").attr("id","ide");
				$(this).children().attr("value","");
			}
			else
			{
				$(this).addClass("checked").css("backgroundColor","red").attr("id","ide2");
				$(this).children().attr("value","on");
			}
			
		})
		
		$(this).replaceWith(chbreplace.append(hiddeninput));
	});
Egy kis iránymutatás?:/ Köszönöm
‹ WYSIWYG szerkesztők Mysql Injection és XSS védelme img igazítás probléma. ›
 ■
1

google

gex · 2009. Aug. 14. (P), 13.04
iránymutatás: google: jquery radio button.
2

köszönöm, rengeteget

magnat · 2009. Aug. 14. (P), 13.13
köszönöm, rengeteget segitettél
3

Megjegyzés

Poetro · 2009. Aug. 14. (P), 13.18
A
var chbreplace = $("<div/>").css({
    "border": "7px solid black",
    "margin": "0 3px 0 0",
    "width": "5px",
    "height": "5px",
    "float": "left",
    "backgroundColor": "white"
  }).attr("id","ide");

szebb, és valószínűleg optimálisabb is.