html点击表格右下角出现一个选择框

如果要在HTML表格的右下角出现一个选择框，可以使用input元素和CSS来实现。首先，需要在最后一个单元格中添加一个input元素，并确保该元素位于表格右下角，然后设置input元素的type属性为"checkbox"，最后设置CSS来将其呈现为单独的选择框即可。

<div class="mask-box"></div>

<div class="dialog-box">

d窗内容

</div>

通过fixed定位实现, ".mask-box" 模拟背景,".dialog-box"作为d窗容器，里面写d窗的内容。

通过控制样式，切换  display:block     display: none实现点击出现、点击关闭d窗。

.mask-box{

/* 切换  display:block     display: none*/

position: fixed

left: 0

right: 0

top: 0

bottom: 0

background:rgba(0,0,0,0.7)

z-index: 98

}

.dialog-box{

/* 切换  display:block     display: none*/

position: fixed

left: 50%

top: 50%

transform: translate(-50%,-50%)

width: 300px

height: 200px

background: #fff

/* 按实际情况 设置z-index */

z-index: 98

}

---