checkbox的checked事件的javascript使用方法

最新推荐文章于 2024-03-04 15:28:47 发布

转载最新推荐文章于 2024-03-04 15:28:47 发布 · 347 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/OP-RONG/p/4193343.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript处理Checkbox选中状态的方法，并通过事件监听实现Checkbox值的动态更新。此外，还展示了如何根据Checkbox的状态来显示或隐藏页面元素。

////////////////////////////////
$(function(){//后台赋值

if($('#R1').val()=="1"){
$('#R1').prop("checked",true);
}
if($('#R2').val()=="1"){
$('#R2').prop("checked",true);
}

})

function checkbox(obj)//根据checked事件改变value值
{
if(obj.checked){
obj.value=1;

}else{
obj.value=0;

}
}

function checkspell(){//给type赋值
var type;
type=$('#R1').val()+$('#R2').val();
$('#type').val(type);

}

///////////////////////////////////////////
<tr>
<td class="title"><input name="R1" type="checkbox" id="R1" value="0" onclick="checkbox(this)"></td>
<td class="content">取消食品
</td>
</tr>
<tr>
<td class="title"><input name="R2" type="checkbox" id="R2" value="0" onclick="checkbox(this)"></td>
<td class="content">招待食品
</td>
</tr>

///////////////////////////////////////////////////////////////////////////////////////////////
//判断Checkbox是否被选中，从而隐藏某控件

function LR(obj){
if(obj.checked){
//隐藏某控件
document.getElementById("select1").style.display="none";

}
else{
document.getElementById("select1").style.display="";

}
}

//////
onclick="LR(this)" 引用函数

//点击<p>隐藏它
$(document).ready(function(){

$("p").click(function(){
$(this).hide();

转载于:https://www.cnblogs.com/OP-RONG/p/4193343.html