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's JavaScript tutorial

从复选框控制文本字段

1 个答案: