我有一个包含多个选项的div表,每个选项都有三个选项,如下所示:
| question 1 | option 1 | option 2 | option 3 |
| question 2 | option 1 | option 2 | option 3 |
| question 3 | option 1 | option 2 | option 3 |
等等 ...
每个选项都在<div>
带有data属性的..可以说“ data-opt”。我想做的是将数据属性“ data-opt”附加到另一个div onclick,但是如果用户对所选内容进行更改,我还需要替换已经附加的内容。例如,用户单击“问题1”上的“选项1”,但随后他决定使用“选项2”更改其选择。另一种情况-用户用“选项1”回答“问题1”,用“选项2”回答“问题2”,用“选项3”回答“问题3”,但是随后他用“选项3”改变回答为“问题1”。 “-我只想更改“问题1”的答案,并保留所有其他答案。
我已经能够实现的是仅附加一次答案,但是我不知道如何在用户进行更改的情况下更改用户的选择...
我想我确实可以实现它,但是我想使其尽可能简单,而且由于我对jquery不那么熟悉,因此我将不得不编写几个函数,并且我的代码会变得一团糟。
那就是我已经拥有的:
$(document).ready(function() {
$(document).one('click',function(event){
choice = $(event.target).data('opt');
$('#another').append(choice);
});
});
$(document).ready(function() {
$('body').on('click','.cell',function(event){
choice = $(this).data('opt');
if($('div[data-question="'+$(this).parent().index()+'"]').length == 0)
$('#another').append('<div data-question="'+$(this).parent().index()+'">'+choice+'</div>');
else {
$('div[data-question="'+$(this).parent().index()+'"]').text(choice);
}
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句