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

  • 相关阅读:
    A1049. 命题逻辑
    矩形面积交:输出0.00
    完美的代价
    枚举孪生素数对
    改变参数的两种方法
    二面准备:React、Typescript、其他基础补充
    【TypeScript】基础及问题汇总
    【React】做一个百万答题小项目
    【React】相关题目总结
    【React】半小时深刻理解《半小时深刻理解React》(老套娃了)
  • 原文地址:https://www.cnblogs.com/OP-RONG/p/4193343.html
Copyright © 2011-2022 走看看