gpt4 book ai didi

javascript - 根据所选(事件单元格)突出显示单元格边框

转载 作者:太空宇宙 更新时间:2023-11-03 18:42:52 27 4
gpt4 key购买 nike

我只有一个简单的 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”中删除,依此类推...

谢谢

最佳答案

$('table tr td label').click(function(){
$('.border').removeClass('border');
$(this).parent('td').addClass('border');
});

CSS: 。边界 { 边框:1px 纯红色;

关于javascript - 根据所选(事件单元格)突出显示单元格边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17135644/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com