下記の<TABLE>に配置した<FORM>で 最後の列にあるinput[radio]を選択された際に同じ行にあるinputの値を変更したいと考えています、
具体的には 一行全てのinputの値を消したり・入力済みの行の間に空欄の行を挿入したりとか..
私的にはこれから色々難しい問題に挑戦する事になると思いますが、
指し当って今直面しているのは同じ行で他の<td>の中にある<input>要素を指定する方法が解かりません。
宜しくお願い致します。
HTML
1 <table id="quotation"> 2 <form > 3 <tr> 4 <th>No</th><th>適用</th><th>数量</th><th>単価</th><th>合計</th><th>操作</th> 5 </tr> 6 7 <tr class="quotation"> 8 <td>1</td> 9 <td><input type="text" class="item" name="item[]" value="" /></td> 10 <td><input type="number" class="num" name="num[]" value="" /></td> 11 <td><input type="number" class="per" name="per[]" value="" /></td> 12 <td> <input class="subtotal par" id="subtotal1" type="number" val="" disabled="disabled" value="" style="text-align:right;"/></td> 13 <td> 14 <div class="cogs_inner"> 15 <label title="操作1"> <input class="control" type="radio" value="1" /></label> 16 <label title="操作2"> <input class="control" type="radio" value="2" /></label> 17 <label title="操作3"> <input class="control" type="radio" value="3" /></label> 18 <label title="操作4"> <input class="control" type="radio" value="4" /></label> 19 </div> 20 </td> 21 </tr> 22 23 <tr class="quotation"> 24 <td>2</td> 25 <td><input type="text" class="item" name="item[]" value="" /></td> 26 <td><input type="number" class="num" name="num[]" value="" /></td> 27 <td><input type="number" class="per" name="per[]" value="" /></td> 28 <td> <input class="subtotal par" id="subtotal2" type="number" val="" disabled="disabled" value="" style="text-align:right;"/></td> 29 <td> 30 <div class="cogs_inner"> 31 <label title="操作1"> <input class="control" type="radio" value="1" /></label> 32 <label title="操作2"> <input class="control" type="radio" value="2" /></label> 33 <label title="操作3"> <input class="control" type="radio" value="3" /></label> 34 <label title="操作4"> <input class="control" type="radio" value="4" /></label> 35 </div> 36 </td> 37 </tr> 38 39 <tr class="quotation"> 40 <td>3</td> 41 <td><input type="text" class="item" name="item[]" value="" /></td> 42 <td><input type="number" class="num" name="num[]" value="" /></td> 43 <td><input type="number" class="per" name="per[]" value="" /></td> 44 <td> <input class="subtotal par" id="subtotal3" type="number" val="" disabled="disabled" value="" style="text-align:right;"/></td> 45 <td> 46 <div> 47 <label title="操作1"> <input class="control" type="radio" value="1" /></label> 48 <label title="操作2"> <input class="control" type="radio" value="2" /></label> 49 <label title="操作3"> <input class="control" type="radio" value="3" /></label> 50 <label title="操作4"> <input class="control" type="radio" value="4" /></label> 51 </div> 52 </td> 53 </tr> 54 </form > 55 </table> 56
Javascript
1 $( '.control' ).change( function() { 2 var control = parseInt($( this ).val()); 3 switch(control){ 4 case 1: 5 //既にここでつまずいちゃってます(=´;ω;`=) 6 //$(this).closest("tr input.item").css("background","red"); 7 ; 8 break; 9 case 2: 10 ; 11 break; 12 case 3: 13 ; 14 break; 15 case 4: 16 ; 17 break; 18 } 19 }); 20
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/01/12 02:42
退会済みユーザー
2016/01/12 05:39 編集