zoukankan      html  css  js  c++  java
  • jquery 单选框整个选中

    问题:遇到单选框,如图

    解决办法:利用jqurey click->checked

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <body>
    <span class="pay-item" >
                    <input type="radio" name="pay-item" class="big-radio" /><{$payment.app_display_name}>
    </span>
    <span class="pay-item" >
                    <input type="radio" name="pay-item" class="big-radio" /><{$payment.app_display_name}>
    </span>
    </body>
    </html>
    
    
    
    <script>
        $('.pay-item').bind('click',function(e){
            $(this).find('input[name=pay-item]')[0].checked = true;
        });
    
    </script>

     代码解析:其中pay-item 为span标签的class值,和id(‘#pay-item’)不一样

    input[name=pay-item] 为单选框的name;
     $('.pay-item').bind('click',function(e){
     $(this).find('input[name=pay-item]')[0].checked = true;
    }

    遇到在handlebar上的写法

    $('body').on('click', '.pay-item', function(e){
        $(this).find('input[name=pay-item]')[0].checked = true;
    })
    if (
    $(e)
    .find(".edit-item")
    .prop("checked")
    ) {
    $(e)
    .find(".edit-item")
    .prop("checked", false);
    } else {
    $(e)
    .find(".edit-item")
    .prop("checked", true);
    }
  • 相关阅读:
    java嵌套循环练习
    java菜鸡循环练习
    Kruskal重构树
    狄利克雷卷积
    莫比乌斯反演
    两道趣题
    树状数组
    多重背包
    SPFA与差分约束
    快速线性筛
  • 原文地址:https://www.cnblogs.com/lemonphp/p/5632458.html
Copyright © 2011-2022 走看看