Power Portal中点击单选按钮无法移除jQuery动态创建元素的问题

针对你在Power Portal中遇到的问题，直接给你可行的实现方式：

核心思路 #

给「No」选项的单选按钮绑定状态变更事件，当它被选中时，直接移除动态创建的#myText元素。考虑到Power Portal的表单元素可能是动态渲染的，优先使用事件委托确保事件能正常触发。

代码实现 #

方式1：监听单选按钮的change事件（推荐）

change事件会在单选按钮选中状态改变时触发，比click更准确：

$(document).ready(function() {
    // 事件委托绑定到document，兼容动态生成的单选按钮
    $(document).on('change', '#IsThisTheQuestion_1', function() {
        // 确认当前是No选项被选中
        if (this.checked) {
            // 移除myText元素（不存在时不会报错）
            $('#myText').remove();
        }
    });
});

方式2：监听click事件

如果更倾向于点击触发，也可以用click事件：

$(document).ready(function() {
    $(document).on('click', '#IsThisTheQuestion_1', function() {
        $('#myText').remove();
    });
});

关键注意事项 #

1. 确认元素ID正确性：通过浏览器开发者工具（F12）检查「No」选项的单选按钮实际ID是否为#IsThisTheQuestion_1，Power Portal有时会给表单元素添加前缀，避免ID写错。
2. 事件委托的必要性：如果你的单选按钮是通过Liquid动态渲染生成的，直接绑定元素会因为DOM未加载完成而失效，事件委托可以解决这个问题。
3. 无需额外判断存在性：jQuery.remove()方法在目标元素不存在时不会报错，所以可以直接调用，不用额外判断元素是否存在。

内容的提问来源于stack exchange，提问作者Rakesh