html - 从复选框控制文本字段

Question

亲爱的，我有 2 个文本和 2 个复选框：

<input type="checkbox" id="class1">
<input type="checkbox" id="class2">

<div id="hidden">
<input type="text" id="valclass1">
<input type="text" id="valclass2">
</div>

我想如果我检查了“class1”然后单击show button“valclass1”可以显示。但如果不检查，它隐藏。我该怎么做？

Answer 1

我会这样做：

<script type="javascript/text" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="javascript/text">
$(function()
{
    $('#ShowButton').click(function()
    {
        if($('#class1').is(':checked')) $('#valclass1').show();
        if($('#class2').is(':checked')) $('#valclass2').show();
    });
});
</script>

<input type="checkbox" id="class1">
<input type="checkbox" id="class2">

<input type="button" id="ShowButton" />

<input type="text" id="valclass1" style="display: none">
<input type="text" id="valclass2" style="display: none">

它会起作用，但可能无法回答您的问题。您需要了解有关 JavaScript 的更多信息才能推出自己的解决方案。

查看W3C 的 JavaScript 教程