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();

 

posted @ 2014-12-30 12:23  rong.peimiao  阅读(1812)  评论(0编辑  收藏  举报