控制从复选框

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> 

我想，如果我在“1类”选中，然后单击show button“valclass1”可以显示。但如果不检查，它hiddenHow我做那个？

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