HTML5网页设计

其他代码

checkbox选中和取消处理

时间:2014-11-28 22:24来源:未知作者:admin点击:
如果用jquery alert($(“#id”).attr(“checked”)) 会提示是true而不是checked

如果用jquery alert($(“#id”).attr(“checked”)) 会提示是true而不是checked

所以当采用 if($(“#id”).attr(“checked”)==”true”) 判断是错误的,其实应该是if($(“#id”).attr(“checked”)==true)

html代码:

    <div class="selectpanel layout_sl_match"> 
        <p class="lsm_memo">参赛前请先点击此处阅读 <a href="/game/help.php?c=rule" target="_blank"> 《参赛规则》</a></p> 
        <label class="join"><input type="checkbox" id="join" name="join" value="1"  />参加摄影大赛</label> 
        <label class="month"><input type="radio" id="month" name="game" value="month" />月赛 </label> 
        <div class="topic"> 
            <select id="u52" class="u52 u52_text_sketch" name="theme" > 
                <option value="1">人物</option> 
                <option value="2">纪实</option> 
                <option value="3">动物</option> 
                <option value="4">风光</option> 
            </select> 
        </div> 
        <label><input type="radio" id="master" name="game" value="18" />双周赛</label> 
        <label><input type="radio" id="casual" name="game" value="26" />随拍随秀</label> 
    </div> 

JavaScript:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
    $(function(){ 
        $(".selectpanel :radio").attr("disabled","disabled"); 
      
        $("#join").click(function(){ 
            if($(this).attr("checked")){ 
                $(".selectpanel :radio").removeAttr("disabled"); 
            }else{ 
                $(".selectpanel :radio").attr("disabled","disabled"); 
            } 
        }); 
    }); 
    </script> 

相关文章
阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐