クリックチェックボックスセット入力attr

Question

4つの列を持つhtmlフォーム最初の2つの列は、入力ボックス内のサイズで、disabled = 'disabled'、ラジオボタンをクリックしてサイズを選択すると、チェックボックスが表示されます。彼らは、入力ボックス

<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を編集できるようにするために、そのテーブルの行の入力のクラスと無効のattrを変更したいです

これは私が考えたものであるが、その任意の助けを事前に

$("#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); 
}); 

おかげで動作していません。

Answer 1

簡体質問はここset attr of inputs on this row場合は他の誰がこの問題

Answer 2

jQuery's FAQによると、あなたはそれがあいまいなことができるので、あなたの.parent("tr")は、おそらく最高のアイデアではないですが、注意してください

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

を使用することができます。もっと具体的にする（クラスや何かを与える）。その答えと