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

  • 相关阅读:
    vue事件处理器--v-on
    vue循环-- v-for
    node-Socket编程
    JsonWebToken
    Mongodb 数据库
    Nodejs库-EXPRESS
    yarn和npm的区别
    Vue学习笔记【22】——Vue中的动画(列表的排序过渡)
    Vue学习笔记【21】——Vue中的动画(v-for 的列表过渡)
    Vue学习笔记【20】——Vue中的动画(使用动画钩子函数)
  • 原文地址:https://www.cnblogs.com/OP-RONG/p/4193343.html
Copyright © 2020-2023  润新知