我制作了一个jQuery脚本,将其添加/添加到输入字段的现有值中。我感到,如果一个复选框被选中,如果是,添加文字,如果是再次选中检查这样做,我想删除的文本-不清除整个价值,只是删除该值的小部分-我” ve试图通过不使用任何替代附加值来实现此目的,但似乎不起作用。
这是我的剧本;
$(document).ready(
function(){
$('.checkbox').change(function(){
if ($(this).is(':checked')) {
if($('#output').val().indexOf('?') >= 0) {
var input = $( "#output" );
$('#output').val($('#output').val() + '&avatar');
} else {
$('#output').val($('#output').val() + '?avatar');
}
} else {
$('#output').val(value.replace('?avatar', ''));
$('#output').val(value.replace('&avatar', ''));
}
});
});
我不是这里最擅长使用jQuery的人-如果需要的话,我只会这样做,所以我可能会错过这里最明显的地方。
这也是一个包括我的HTML的jsFiddle。
我已经在这里苦苦挣扎了一段时间,感谢您的帮助-预先感谢您!
您的小提琴有一些错误-您的div容器也具有类复选框,因此导致了双击。
还修复了其他部分,没有定义任何值。
https://jsfiddle.net/vws4hpez/1/
$(document).ready(
function() {
$('.checkbox').change(function() {
if ($(this).is(':checked')) {
console.log('checked');
if ($('#output').val().indexOf('?') >= 0) {
var input = $("#output");
$('#output').val($('#output').val() + '&avatar');
} else {
$('#output').val($('#output').val() + '?avatar');
}
} else {
console.log('not');
$('#output').val($('#output').val().replace('?avatar', ''));
$('#output').val($('#output').val().replace('&avatar', ''));
}
});
});
* HTML:
<div class="checkboxDiv">
<label>
<input id="avatar" type="checkbox" class="checkbox">Player avatar</label>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句