单击按钮可以交替更改文本

时间:2014-11-17 11:10:15

标签: jquery

我有一个文本框,它包含一个值为“hello”。我有另一个按钮,当我点击按钮时,文本应该更改为“not hello”,如果我再次单击它应该更改为“no hello” “这个过程正在进行中。或者,NOt&不应该添加。我没有成功。

请检查我的代码

$('#negate a').click(function(e) {
    e.preventDefault();
    var opinionWord = $('input[name="opinion-word"]').val();
    if (/no/i.test(opinionWord)) {
        opinionWord = opinionWord.replace('no ','');
        opinionword = opinionWord.substr(opinionWord.indexOf(" ") + 1);
        alert('f');
        $('input[name="opinion-word"]').val("not "+opinionWord);
    }
    else {
        opinionWord = opinionWord.replace('not ','');
        opinionword = opinionWord.substr(opinionWord.indexOf(" ") + 1);
        alert(opinionword);
        $('input[name="opinion-word"]').val("no "+opinionWord);
    }
});

1 个答案:

答案 0 :(得分:0)

您的代码很好,您忘了not包含字母no。所以只需先检查not

$('#negate a').click(function(e) {
    e.preventDefault();
    var opinionWord = $('input[name="opinion-word"]').val();
    if (/not/i.test(opinionWord)) {
        opinionWord = opinionWord.replace('not ','');
        opinionword = opinionWord.substr(opinionWord.indexOf(" ") + 1);
        alert('f');
        $('input[name="opinion-word"]').val("no "+opinionWord);
    }
    else {
        opinionWord = opinionWord.replace('no ','');
        opinionword = opinionWord.substr(opinionWord.indexOf(" ") + 1);
        alert(opinionword);
        $('input[name="opinion-word"]').val("not "+opinionWord);
    }
});

这是一个工作小提琴http://fiddle.jshell.net/5p8c31Lc/