複選框啓用jQuery的

Question

<tr id="tr99"><td>......</td></tr> 

<input type="checkbox" onclick="toggletr(this);" value="val" id="cbox" /> 

的JavaScript：

$(document).ready(function() { 

function toggletr(obj) 
{ 
    if(obj.checked) 
     $(#tr99).hide(); 
    else 
     $(#tr99).show(); 
} 

hi.this是我的代碼，在工作人員的添加頁面上運行。 如果用戶處於編輯模式，則在代碼 中檢查該值的值，我的意思是以.cs爲單位。 checkbox.checked ="true"的意思。那個時候我需要讓tr值「tr99」是可見的真實 如果複選框沒有被選中，那麼將tr作爲隱藏。

Answer 1

我認爲你希望這種情況發生

$(document).ready(function() { 

    function toggletr(obj){ 
     if(obj.checked){ 
      $("#tr99").show(); 
      $("#cbox").attr("value", "tr99"); 
     }else { 
      $("#tr99").hide(); 
     } 
    } 

}); 

是它？您還可以添加功能直接

function toggletr(obj){ 
    if(obj.checked){ 
     $("#tr99").show(); 
     $("#cbox").attr("value", "tr99"); 
    }else { 
     $("#tr99").hide(); 
    } 
} 

Answer 2

採取toggletr方法出了「$(document).ready(function() {」

<script type="text/javascript"> 
    function toggletr(obj){ 
     if(obj.checked) 
      $('#tr99').hide(); 
     else 
      $('#tr99').show();} 
</script> 
<tr id="tr99"><td>......</td></tr> 
<input type="checkbox" onclick="toggletr(this);" value="val" id="cbox" /> 

Answer 3

如果我是你，我會設置的onclick方法是事件處理程序：

$(function(){ 
$('#cbox').click(function(){ 
    if(this.checked){ 
     $("#tr99").show(); 
     $("#cbox").attr("value", "tr99"); 
    }else { 
     $("#tr99").hide(); 
    } 
}); 
}); 

Answer 4

如果你想做純jQuery，而不是在正常的Javascript（obj.checked）混合....

$(function(){ 
    $("#cbox").click(function(){ 
     if($(this).is(":checked")){ 
      $("#tr99").show(); 
     }else{ 
      $("#tr99").hide(); 
     } 
    }); 
});