【问题标题】:Remove specific text from a paragraph Jquery从段落Jquery中删除特定文本
【发布时间】:2014-06-29 21:34:45
【问题描述】:

在下面的代码中有复选框,每次选中复选框时都会添加该复选框值(有效)。但是当它未被选中时,它应该删除该复选框值。但相反,它只是将值添加两次。如何添加和删除未选中的值?

这是代码示例

//Looks for every checkbox
        $('#index '+ selected +' #cbFieldSet .icheck').each( function(i, name){
            console.log("#"+ $(name).attr("id"));
            if($('input[name='+$(name).attr('name')+']').attr('checked', false)){
            //checks what checkbox has been check. Gets that checkbox id
            $('#index '+ selected +' #cbFieldSet #'+ $(name).attr("id")).click( function(){
                // $("#cb-"+playerStart).click(function(){

                //console.log(i);
                console.log('yes');

                //add to popup box paragragh
                $('#popupDialog #info').append($(name).val());

        });

        }else if($('input[name='+$(name).attr('name')+']').attr('checked', true)){
            //checks what checkbox has been check. Gets that checkbox id
            $('#index '+ selected +' #cbFieldSet #'+ $(name).attr("id")).change( function(){
                // $("#cb-"+playerStart).click(function(){

                //console.log(i);
                console.log('yes');

                //add to popup box paragragh
                $('#popupDialog #info').remove( ":contains("+ $(name).val() +")" );

            });
        }

        });

【问题讨论】:

  • 这不是相关 jQuery 的全部内容,是吗?因为您似乎省略了 name 的定义位置。如果这是一个函数的摘录,请发布足够有意义的信息;想想MCVESSCCE

标签: javascript jquery jquery-mobile


【解决方案1】:

这段代码不容易阅读,部分原因是您在“已检查”和“未检查”情况下复制粘贴了相同的 cmets。您还遗漏了一些上下文 - 缩进已关闭,我不知道 selected 是什么。

无论如何——除了上面 user3785863 所说的,当你想读取现有值。

也就是说$('input(...)').attr('checked', false)不测试复选框是否被选中;它设置其值为布尔值false,然后返回复选框本身,这意味着您的第一个if 语句将始终运行,而第二个则永远不会运行。

所以,我认为您的实际意思是if ($(...).attr("checked") == "false")

(我认为你也有正确和错误的错误方式,加上其他一些问题,但这可能会让你陷入困境......)

【讨论】:

    【解决方案2】:

    根据使用的 jquery 版本,您可能需要 .prop() 而不是 .attr()。 只有 1.6 之前的版本具有 attr("checked",true/false) 即布尔值。 .prop( "checked" ) 应该可以解决问题

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-12-17
      • 1970-01-01
      相关资源
      最近更新 更多