1

シンプルな HTML テーブルがあり、選択したセルを強調表示する必要があります。

<table with='100%'>

<tr>
    <td> 
    <input type="radio" name="x" value="1" id="x1">
    <label for="x1"><A></label>

    </td>

<td> 
    <input type="radio" name="x" value="2" id="x2">
    <label for="x2"><B></label>

    </td>

<td > 
    <input type="radio" name="x" value="3" id="x3">
    <label for="x3"><C></label>

    </td>

</tr>


<tr>
    <td> 
    <input type="radio" name="x" value="1" id="x4">
    <label for="x4"><D></label>

    </td>


<td> 
    <input type="radio" name="x" value="2" id="x5">
    <label for="x5"><E></label>

    </td>


<td > 
    <input type="radio" name="x" value="3" id="x6">
    <label for="x6"><F></label>

    </td>

</tr>

</table>   

CSS: td.rata { border: 5px solid #ccc; パディング:3px}

$('td').click(function () {
  $('this').toggleClass("rata");
});

要件は次のとおりです。ユーザーがセル「A」を選択すると、A にアウトライン (境界線) が表示されます。ユーザーがセル「B」を選択すると、アウトライン (境界線) が「B」に表示され、セルから削除されます。セル「A」など...

ありがとう

4

2 に答える 2

0
 $('td').click(function () {
    $('td').removeClass("rata");
    $(this).addClass("rata");
 });
于 2013-06-16T17:31:23.080 に答える
0
$('table tr td label').click(function(){
$('.border').removeClass('border');
$(this).parent('td').addClass('border');
});

CSS: .border { border:1px 単色の赤; }

于 2013-06-16T17:29:51.433 に答える