Question

寻找一个接收两个传递参数的函数，这些参数指示触发哪个复选标记以及应显示哪个div。

    <td><label><input type="checkbox" id="namchk" checked>Names</label></td>
    <td><label><input type="checkbox" id="detchk" checked>Details</label></td>
    <td><label><input type="checkbox" id="prichk" checked>Prices</label></td>

每个复选框都有一个Id，每个div都以Id（“名称，详细信息，价格”）

给出

   function showHide (chkmrk, divid)

我将如何使用此功能？

Answer 1

不完全确定你想要在这里发生什么。我假设您建议根据选中的复选框显示或隐藏div。这假设您正在使用jquery

<script>
$(".test").click(function(event){
    var divName = event.target.id;
    if ($("#" + divName).prop('checked'))
    {
        $( "#" + divName + "_div").show();
    }
    else{
        $( "#" + divName + "_div").hide();
    }
});
</script>

<div id="namchk_div">namchk_div content</div>
<div id="detchk_div">detchk_div content</div>
<div id="prichk_div">prichk_div content</div>

<td><label><input type="checkbox" class="test" id="namchk" checked>Names</label></td>
<td><label><input type="checkbox" class="test" id="detchk" checked>Details</label></td>
<td><label><input type="checkbox" class="test" id="prichk" checked>Prices</label></td>

按Checkmark显示Div

1 个答案: