我的需求就是一個table里面每個單元格里都有一個復選框,要實作單機任意單元格就能選中該單元格里面的復選框,請問如何實作。
uj5u.com熱心網友回復:
<td>
<label style="width: 100%;height: 100%;">
<input type="checkbox">xxxxxxxxxxxxx
</label>
</td>
uj5u.com熱心網友回復:
<table>
<tr>
<td onclick="getcontent(this)">
ck1<input type="checkbox" id="ck1" value="https://bbs.csdn.net/topics/ck1"/>
</td>
<td onclick="getcontent(this)">
ck2<input type="checkbox" id="ck2" value="https://bbs.csdn.net/topics/ck2" />
</td>
</tr>
<tr>
<td onclick="getcontent(this)">
ck3<input type="checkbox" id="ck3" value="https://bbs.csdn.net/topics/ck3" />
</td>
<td onclick="getcontent(this)">
ck4<input type="checkbox" id="ck4" value="https://bbs.csdn.net/topics/ck4" />
</td>
</tr>
</table>
<script type="text/javascript">
function getcontent(vv){
var cc = vv.firstElementChild.checked;
var id = vv.firstElementChild.id;
if(cc){
document.getElementById(id).checked=false;
}
else{
document.getElementById(id).checked=true;
}
debugger;
}
</script>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/68775.html
標籤:JavaScript
