随手写了这样一个功能,很简单,作为一个记录吧。
HTML
<label for="a"><input type="checkbox" id="a" value="1" checked />一</label>
<label for="b"><input type="checkbox" id="b" value="2" checked />二</label>
<label for="c"><input type="checkbox" id="c" value="3" checked />三</label>
<label for="d"><input type="checkbox" id="d" value="4" checked />四</label>
<label for="e"><input type="checkbox" id="e" value="5" checked />五</label>
<table>
<tr>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr><tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
JS
$(function(){
$("label").click(function(){
var checkbox = $(this).find("input").val();
var checked = $(this).find("input").prop("checked");
if(checked){
$("table tr").each(function(){
$(this).find("td").eq(checkbox-1).show()
})
}else{
$("table tr").each(function(){
$(this).find("td").eq(checkbox-1).hide()
})
}
})
})