checkbox的checked事件的javascript使用方法
////////////////////////////////
$(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>
<td> <input type="hidden" id="type" name="type" ></td>
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
<tr>
<td class="title"><input name="R1" type="checkbox" id="R1" value="${fn:substring(ks.type,0,1) }" onclick="checkbox(this)"> </td>
<td class="content">取消食品
</td>
///////////////////////////////////////////////////////////////////////////////////////////////
//判断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();