Javascript 在Jquery中启用复选框
您好,这是我的代码,运行在添加页面的工作人员。 如果用户处于编辑模式,则在代码中选中该值 我的意思是说在.cs。Javascript 在Jquery中启用复选框,javascript,jquery,Javascript,Jquery,您好,这是我的代码,运行在添加页面的工作人员。 如果用户处于编辑模式,则在代码中选中该值 我的意思是说在.cs。 checkbox.checked=“true”表示。这一次我需要使tr值“tr99”为可见真 如果未选中复选框,则将tr设为隐藏。我认为您希望这样做 $(document).ready(function() { function toggletr(obj) { if(obj.checked) $(#tr99).hide(); else
checkbox.checked=“true”
表示。这一次我需要使tr值“tr99”为可见真
如果未选中复选框,则将tr设为隐藏。我认为您希望这样做
$(document).ready(function() {
function toggletr(obj)
{
if(obj.checked)
$(#tr99).hide();
else
$(#tr99).show();
}
是这样吗?也可以直接添加该函数
$(document).ready(function() {
function toggletr(obj){
if(obj.checked){
$("#tr99").show();
$("#cbox").attr("value", "tr99");
}else {
$("#tr99").hide();
}
}
});
从“
$(document).ready(function(){
”中取出toggletr
方法
功能切换开关(obj){
如果(对象已选中)
$('#tr99').hide();
其他的
$('#tr99').show();}
......
如果我是你,我会将onclick方法设置为事件处理程序:
<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" />
如果您想使用纯jQuery,而不是混合使用普通Javascript(obj.checked)
为什么要这样做?
如果(this.checked){…}
更简单、更高效、更可读。我同意,它更简单、更高效、更可读。我只是想提供一些替代方法。熟悉jQuery的is函数有助于检查其他事情,如可见性。如果要使用“is”进行其他检查在您的代码中,我认为一致性比简单性好。此外,在jQuery中包装check可以实现方法链接。但是,在这种情况下,我同意“this.checked”更好。
function toggletr(obj){
if(obj.checked){
$("#tr99").show();
$("#cbox").attr("value", "tr99");
}else {
$("#tr99").hide();
}
}
<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" />
$(function(){
$('#cbox').click(function(){
if(this.checked){
$("#tr99").show();
$("#cbox").attr("value", "tr99");
}else {
$("#tr99").hide();
}
});
});
$(function(){
$("#cbox").click(function(){
if($(this).is(":checked")){
$("#tr99").show();
}else{
$("#tr99").hide();
}
});
});