jquery 单选框整个选中

时间：2022-10-12 18:59:07

问题：遇到单选框，如图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　为ｓｐａｎ标签的ｃｌａｓｓ值，和ｉｄ（‘＃pay-item’）不一样

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

遇到在ｈａｎｄｌｅｂａｒ上的写法

$('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);
}

相关文章