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')
    
        })
    });
  • 相关阅读:
    appium应用切换以及toast弹出框处理
    selenium元素定位方法之轴定位
    基于appium的常用元素定位方法
    基于appium的模拟单点或多点触屏操作
    app自动化测试初体验
    app自动化测试环境搭建之node+appium+ADT+MUMU模拟器
    linux的vi编辑器常用用法一览
    踩过了这些坑,你真的懂python基础吗?
    mysql分页查询
    Jenkins—Master/Slave模式
  • 原文地址:https://www.cnblogs.com/hannover/p/4181792.html
Copyright © 2011-2022 走看看