zoukankan      html  css  js  c++  java
  • 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();

  • 相关阅读:
    跳转
    登录
    计算器
    安卓作业
    第十三周作业
    第十三周上机练习
    第十二周作业
    第十二周上机作业
    第八周作业
    第七周作业
  • 原文地址:https://www.cnblogs.com/OP-RONG/p/4193343.html
Copyright © 2011-2022 走看看