[jQuery] Radio button i usuwanie disabled Opcje

[GalGavu]

Witam.
Nie zbyt dużo pamiętam z jQuery (nie używałem od roku) i nie wiem co robię tak naprawdę źle.
Problem wygląda w ten sposób:

HTML:

[HTML] pobierz, plaintext 
<fieldset class="add_category" >
    <legend>add a subcategory to selected category</legend> 
    <div id="cat_add">
    <table style="width:100%;">
    	<tr>
    		<td>category name:</td>
    	</tr>
    	<tr>
    		<td><input type="text" size="12" maxlength="12" name="category_name" disabled="disabled"></td>
    	</tr>
    	<tr>
    		<td>choose image:</td>
    	</tr>
    	<tr>
    		<td>
    			<select name="choosed_image" disabled="disabled">
					<option value="Jr.High">Jr.High</option>
					<option value="HighSchool">HighSchool</option>
					<option value="College">College</option></select>
			</td>
			<td>
				<input type="submit" name="add" value="add" disabled="disabled">
			</td>
    	</tr>
    </table>
    </div>
</fieldset>
[HTML] pobierz, plaintext 

I mam teraz kilka radio w stylu:

[HTML] pobierz, plaintext 
 <table id="cat_tree" border="0" width="100%">
    	<tr style="background:#CCCCCC;">
    		<td>category</td>
    		<td>select</td>
    		<td>image</td>
 
    		<td>actions</td>
    	</tr>
 
    	<tr style="background:#EEEEEE;">
		<td><span style="vertical-align:middle; margin-left:0em;">root</span></td>
		<td style="text-align:center;"><input id="select" type="radio" name="select" value="1"/></td>
		<td style="text-align:center;"></td>
		<td></td>
	</tr>
 
	<tr style="background:#EEEEEE;">
		<td><span style="vertical-align:middle; margin-left:2em;">Subjects</span></td>
		<td style="text-align:center;"><input id="select" type="radio" name="select" value="903"/></td>
		<td style="text-align:center;"></td>
		<td>edit and delete</td>
	</tr>
</table>
[HTML] pobierz, plaintext 

jquery:

[HTML] pobierz, plaintext 
$('#toggleElement').click(function() {
	$('#cat_add :input').removeAttr('disabled');
});
[HTML] pobierz, plaintext 

I po kliknięciu niestety mi się nie usuwa disabled.

Ten post edytował GalGavu 19.06.2011, 17:08:49

[batman]

Zależy od wersji jQuery, z której korzystasz. Zadziała

[JAVASCRIPT] pobierz, plaintext 
$('#cat_add :input').attr("disabled", false);
[JAVASCRIPT] pobierz, plaintext 

lub

[JAVASCRIPT] pobierz, plaintext 
$('#cat_add :input').prop("disabled", false);
[JAVASCRIPT] pobierz, plaintext 

[GalGavu]

Trochę zaktualizowałem post. Więc co jeśli mamy parę radio buttonów. I chciałbym, że po wciśnięciu jakiegokolwiek mi usuwało disabled. Przy jednym działa:

[HTML] pobierz, plaintext 
$('#toggleElement').click(function() {
      $('#cat_add :input').removeAttr('disabled');
});
[HTML] pobierz, plaintext 

Natomiast dla kilku radio o id="toggleElement" już nie działa.

[mat-bi]

No bo id jest unikalne.... Używaj klas do wielu elementów

[GalGavu]

No i piękne dzięki. Wiedziałem, że jakiś banalny błąd robię (IMG:style_emoticons/default/smile.gif)