检测动态生成的单选按钮和jQuery的变化
我试图发现变化动态生成的单选按钮。我有一个生成的单选按钮的表单,他们根据自己的ID保存在数据库。所以这是什么
<input type="radio" name="data[Setting][47]" id="Setting47Entry" value="entry">
<input type="radio" name="data[Setting][47]" id="Setting47Standard" value="standard">
<input type="radio" name="data[Setting][48]" id="Setting48Entry" value="entry">
<input type="radio" name="data[Setting][48]" id="Setting48Standard" value="standard">
<input type="radio" name="data[Setting][49]" id="Setting49Entry" value="entry">
<input type="radio" name="data[Setting][49]" id="Setting49Standard" value="standard">
没有预定数将显示单选按钮。有可能是2或20,这取决于其他的选项,用户设置。
我知道如何检测变化如果名字是静态的,但由于名称是不同的每个用户,我不知道如何处理。
你为什么不使用attribute starts with selector
尝试,
$('input[name^="data[Setting]"]').change(function(){ });
如果名称是动态的,独特的和没有线索来选择他们的名字使用静态的东西,像类名…
<input type="radio" class="user-option" name="data[Setting][47]" id="Setting47Entry" value="entry">
<input type="radio" class="user-option" name="data[Setting][47]" id="Setting47Standard" value="standard">
<input type="radio" class="user-option" name="data[Setting][48]" id="Setting48Entry" value="entry">
<input type="radio" class="user-option" name="data[Setting][48]" id="Setting48Standard" value="standard">
<input type="radio" class="user-option" name="data[Setting][49]" id="Setting49Entry" value="entry">
<input type="radio" class="user-option" name="data[Setting][49]" id="Setting49Standard" value="standard">
现在你可以检查事件
$(document).ready(function () {
$('.user-option').on('change',function(){
alert($(this).attr('name') + ' has changed and now it is checked')
})
});
检测动态生成的单选按钮和jQuery的变化的更多相关文章
- 动态生成二维码插件 jquery.qrcode.js
前段时间做项目,需要动态生成一个二维码,于是就在网上找了一下发现一个jquery插件jquery.qrcode.js,所以今天就简单说一下这个插件的使用: jquery.qrcode.js是依赖jqu ...
- Jquery.Qrcode在客户端动态生成二维码并添加自定义Logo
0 Jquery.Qrcode简介 Jquery.Qrcode.js是一个在浏览器端基于Jquery动态生成二维码的插件,支持Canvas和Table两种渲染方式,它的优点是在客户端动态生成,减轻了服 ...
- 动态生成元素动作绑定,jquery 1.9如何实现
1.7后增加了 live()1.9后被移除了 网上说可以用 on() 代替 可以实际在动态生成元素上绑定动作,没效果,求解绝方法(用低版本的jQuery这种方法,求别说..) 答: 之前有老兄回答过类 ...
- jquery 动态生成html后click事件不触发原因
转自:http://www.iam3y.com/html/560.html 最近在做一个项目的时候,遇到动态加载微博内容,然后点击“展开评论”后获取该微博的所有评论.这里使用了动态加载的<spa ...
- Jquery 动态生成表单 并将表单数据 批量通过Ajax插入到数据库
利用Jquery 动态生成 Table 表单 之后利用each 方法来遍历所有文本框获取文本的value值 并通过Ajax 将数据 提交到Web服务里把数据插入数据库 Html页面 <!DOC ...
- JQuery使用on绑定动态生成元素时碰到的问题
今天在写界面时,希望对一些由JS代码动态添加的html标签进行事件绑定,使用了jquery 1.6+才提供的on函数.我的JQ版本是1.9.2. 以下这段代码是动态生成的. <div class ...
- jquery无法为动态生成的元素添加点击事件的解决方法
遇到 jquery无法为动态生成的元素添加点击事件,谷歌一下,整理一下解决方法如下: (<li>中间的元素是动态生成的), 现在想为<i>添加点击事件, 例子如下: <d ...
- PHP+Jquery+Ajax 实现动态生成GUID、加载GUID
GUID: 全局唯一标识符(GUID,Globally Unique Identifier)是一种由算法生成的二进制长度为128位的数字标识符.GUID主要用于在拥有多个节点.多台计算机的网络或系统中 ...
- jQuery对于动态生成的元素绑定无效的问题~~
问题:很多时候发现,对动态生成的元素绑定click事件是无效的- 原因:直接绑定到动态生成的元素是无效的,是因为Jquery扫描文档找出所有的$(‘’)元素,并把函数绑定到每个元素的click事件上, ...
随机推荐
- 脚本不得关闭非脚本打开的窗口。Scripts may close only the windows that were opened by it
今天脚本了里写了一句话: window.close() 但是浏览器却报了警告提示:Scripts may close only the windows that were opened by it,而 ...
- scrapy框架系列 (1) 初识scrapy
Scrapy 框架 Scrapy是用纯Python实现一个为了爬取网站数据.提取结构性数据而编写的应用框架,用途非常广泛. 框架的力量,用户只需要定制开发几个模块就可以轻松的实现一个爬虫,用来抓取网页 ...
- Add Binary Leetcode java
题目: Given two binary strings, return their sum (also a binary string). For example, a = "11&quo ...
- android bundle 对象 序列化
Android使用Intent.putSerializable()进行数据传递,或者使用Bundle进行数据传递,实质上都是进行的Serializable数据的操作,说白了都是传递的原数据的一份拷贝, ...
- 大数据开发实战:Stream SQL实时开发二
1.介绍 本节主要利用Stream SQL进行实时开发实战,回顾Beam的API和Hadoop MapReduce的API,会发现Google将实际业务对数据的各种操作进行了抽象,多变的数据需求抽象为 ...
- PHP优化---opcache的配置说明
[opcache] zend_extension = "G:/PHP/php-5.5.6-Win32-VC11-x64/ext/php_opcache.dll" ; Zend Op ...
- 【R】函数-字符处理函数
- OpenNebula学习第四节之磁盘镜像的制作
一.准备工作 需要准备一个Ubuntu16.04的ISO文件上传至服务器,如下图所示 二.操作步骤 2.1:创建操作目录 创建一个/var/tmp/cloud_image目录,把Ubuntu16.04 ...
- java 上传图片压缩图片
package com.bitspace.flame.util; import java.io.File; import java.awt.Image;import java.awt.image.Bu ...
- oauth2-server-php-docs 授权类型
授权码 概观 在Authorization Code交付式时使用的客户端想要请求访问受保护资源代表其他用户(即第三方).这是最常与OAuth关联的授予类型. 详细了解授权码 用例 代表第三方来电 履行 ...