控制從複選框

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