zoukankan      html  css  js  c++  java
  • 检测动态生成的单选按钮和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 + HttpHandler 实现图片裁剪(适用于论坛, SNS)【转】
    在类库中获得Session值
    WinForm中Combobox绑定值问题
    Global.cs中自动获取未处理的异常
    程序员的7个坏习惯【转】
    外部JS文件中获取ASPX页面上服务器控件ClientID
    如何使用微软企业库
    防止代码腐烂【转】
  • 原文地址:https://www.cnblogs.com/hannover/p/4181792.html
Copyright © 2011-2022 走看看