问题：遇到单选框，如图

解决办法：利用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);
}

jquery 单选框整个选中的更多相关文章

  1. 利用jQuery动态设置单选框的选中

    一.需要实现的效果 这里使用jQuery来实现.需要实现的效果如下:当下拉条改变时,单选框选中的值随之变化. <!DOCTYPE html> <html> <head&g ...

  2. jquery单选框radio绑定click事件实现和是否选中的方法

    使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1. ...

  3. JS判断单选框是否选中

    判断单选框是否选中$("#isallday").attr("checked")

  4. 怎么用js代码改变单选框的选中状态

    今天突然有一个需求要用到,使用js代码改变单选框的选中状态.当时想也不想直接 function doGender(gender) { if (gender == "男") { ge ...

  5. jquery单选框radio绑定click事件实现方法

    本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码代码如下: <html><head><title ...

  6. jquery单选框 复选框表格高亮 选中

    单选框: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/T ...

  7. Jquery判断单选框是否选中和获取选中的值

    第一种:利用选中值判断选中 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http ...

  8. 【六】jquery之HTML代码/文本/值[下拉列表框、多选框、单选框的选中]

    val()方法不仅能设置元素的值,同时也能获取元素的值.另外,val()方法还有另外一个用处,就是它能使select(下拉列表框).checkbox(多选框)和radio(单选框)相应的选项被选中,在 ...

  9. jquery快速清除复选框、单选框的选中

    $(":checked").attr("checked", "");

随机推荐

  1. Python 学习日记（第二周）

    从这周开始我就正式学习Python 语言了.以后每周都会有一篇有关于学习Python的见闻与大家分享! Python的安装 学习的第一步首先要有一个运行的环境.所以接下来介绍一下安装的步骤. 通过Py ...

  2. tableView点击后取消选中效果

    [self.tableView deselectRowAtIndexPath:[self.tableView indexPathForSelectedRow] animated:YES]; @impo ...

  3. C语言日期时间标准库

    用思维导图整理: 代码: #include <stdio.h> #include <time.h> #include <string.h> int main() { ...

  4. 【转】嵌入式Linux学习笔记

    一  嵌入式系统定义: 应用于特定环境的硬件体系. 二  两样非常重要的能力: 1.  掌握各种新概念的能力 2.  调试的能力( 包括软件, 硬件 ) 三  需要的基础知识: 1.  操作系统理论基 ...

  5. php－－－－浅谈一下empty isset is_null的用处

    } }    {      }  {       } } }    {      }  {       } is_null():判断变量是否为null if ($a){} 那这个未声明变量会报noti ...

  6. Android中focusable属性的妙用——底层按钮的实现

    http://www.cnblogs.com/kofi1122/archive/2011/03/22/1991828.html http://www.juziku.com/weizhishi/3077 ...

  7. Qt修改文件内容

    在用Qt进行嵌入式开发的时候,有时需要通过界面永久的改变ip地址等网卡信息.此时只能修改系统中包含网卡信息的文件,下图红框中所示就是文件中的网卡信息. 那么如何修改这四行呢,我的做法是先打开该文本文件 ...

  8. OpensStack instance debug

    错误: 创建实例 "RuiyTest23" 失败: 请稍后再试 [错误: Virtual Interface creation failed].

  9. （转载） C/C++编译和链接过程详解 (重定向表，导出符号表，未解决符号表)

    转载http://blog.csdn.net/neo_ustc/article/details/9024839 有 些人写C/C++(以下假定为C++)程序,对unresolved external ...

  10. 0,null,empty,空,false,isset

    <?php header("Content-type: text/html; charset=utf-8"); $a=0; //1. if($a==0) { echo $a; ...