使用Javascript中的change事件添加或减去值

时间:2015-10-16 05:07:39

标签: javascript jquery

我有以下代码:

//code not relevant to question 

var answer_1 = parseInt(3),
    answer_2 = parseInt(1),

$radioOptions.on("change",function(){
 //additional code

    answer_1 = answer_1 + 1;

 //more code

    answer_2 = answer_2 + 1;

});

当我们在表格中点击一个无线电时,我们会在该变量中添加1。例如,如果我单击answer_1无线电,它将向变量添加1,使其成为4.

这是我遇到的问题。有多种无线电选项。如果某人点击answer_1 然后点击answer_2,则会在两个字段中添加1,因为他们点击了这两个字段。

我需要做的只是为他们选择的选项添加一个。换句话说,如果他们点击answer_1,它会为该变量添加加1。如果他们然后选择answer_2,则会从之前选择的那个中删除加1,并添加一个现在选择的选项。

我将如何实现这一目标?

1 个答案:

答案 0 :(得分:0)

试试这个:



http://<your-website-name>.azurewebsites.net
&#13;
var selector = $('input[type=radio]');
var preElem;
selector.on('change', function () {
	++this.value;
	if (preElem) {
		--preElem.value;
		$(preElem).parents('label').next().text(preElem.value);
	}
	preElem = this;
	$(this).parents('label').next().text(this.value);
});
&#13;
&#13;
&#13;