bei Klick Checkbox set Eingabe attr

Question

html Formular mit 4 Spalten die ersten 2 Spalten sind die Größen in Eingabefeldern mit deaktiviert = 'deaktiviert', wenn sie Optionsfeld klicken, um eine Größe zu wählen, ein Kontrollkästchen erscheint, wenn sie das Kontrollkästchen I klicken möchte die Klasse und behinderte attr der Eingänge auf dieser Tabellenzeile ändern, um sie zu bearbeiten das Eingabefeld

<table width="388" border="1" id="product1"> 
<tr> 
<td width="100">Width</td> 
<td width="100">Height</td> 
<td width="48">Price</td> 
<td width="65">Select</td> 
</tr> 
<tr> 
<td><input type="text" disabled='disabled'value="200"/><span> CMS</span></td> 
<td><input disabled='disabled'type="text" value="500"/><span> CMS</span></td> 
<td>£50.00</td> 
<td><input type="radio" name="product1" value="size1" /> Customise<input  type="checkbox" name="custom[size1]" class="custombox" value="1"/></td> 
</tr> 
<tr> 
<td>200</td> 
<td>1000</td> 
<td>£100.00</td> 
<td><input type="radio" name="product1" value="size2" /> Customise<input   disabled='disabled' type="checkbox" name="custom[size2]" class="custombox" value="1"/></td> 
</tr> 
<tr> 
<td>200</td> 
<td>1500</td> 
<td>£150</td> 
<td><input type="radio" name="product1" value="size3" /> Customise<input  type="checkbox" name="custom[size3]" class="custombox" value="1"/></td> 
</tr> 
</table> 
<table width="288" border="1" id="product2"> 
<tr> 
<td width="72">Width</td> 
<td width="75">Height</td> 
<td width="48">Price</td> 
<td width="65">&nbsp;</td> 
</tr> 
<tr> 
<td>200</td> 
<td>500</td> 
<td>£50.00</td> 
<td><input type="radio" name="product2" value="size1" /> Customise<input  type="checkbox" name="custom[size1]" class="custombox" value="1"/></td> 
</tr> 
<tr> 
<td>200</td> 
<td>1000</td> 
<td>£100.00</td> 
<td><input type="radio" name="product2" value="size2" /> Customise<input  type="checkbox" name="custom[size2]" class="custombox" value="1"/></td> 
</tr> 
<tr> 
<td>200</td> 
<td>1500</td> 
<td>£150</td> 
<td><input type="radio" name="product2" value="size3" /> Customise<input type="checkbox" name="custom[size3]" class="custombox" value="1"/></td> 
</tr> 
<table> 

CSS

input[type=checkbox] { 
display: none; 
} 

input[type=checkbox].shown { 
display: inline; 
} 

input .edit{ 
border:1px solid red; 
} 
input[disabled='disabled'] { 
border:0px; 
width:60px; 
padding:5px; 
float:left; 
background:#fff; 
} 

span{float:left; width:30px; padding:5px;} 

JQuery

zu ermöglichen

Dies ist, was ich dachte, aber es ist nicht

arbeitet für jede Hilfe im Voraus

$("#product1 :checkbox").click(function(){ 
$(this).parent("tr").children("td :input").attr('disabled',''); 
$(this).parent("tr").children("td :input").toggleClass(edit); 
}); 

$("#product2 :checkbox").click(function(){ 
$(this).parent("tr").children("td :input").attr('disabled',''); 
$(this).parent("tr").children("td :input").toggleClass(edit); 
}); 

Dank.

Answer 1

Simplified Frage mit Antwort hier ist set attr of inputs on this row falls jemand anderes hat dieses Problem

Answer 2

Nach jQuery's FAQ könnten Sie

$('#x').attr('disabled', false); 
//or 
$("#x").removeAttr('disabled'); 

Beachten Sie verwenden wenn Ihr .parent("tr") ist wahrscheinlich nicht die beste Idee, da es zweideutig sein könnte. Seien Sie spezifischer (geben Sie Klassen oder etwas).