Question

我需要制作5个复选框，它们都有一个值，从1到5，我需要在文本框中打印出值，当我检查一个时，我可以取消选中框并且数字消失..我的问题在于在uncheck部分，我似乎无法找到一种方法来取消文本框中的值，如果它未经检查..我试过

loaded

但它不起作用

Answer 1

根据MDN，获取复选框的value属性的结果将始终为字符串＆＃34; on＆＃34;或您在其他地方指定的其他值。当您选中或取消选中该框时，不会改变。

因此，文本框的值将始终设置为相同的值。

亲眼看看：

＆＃13;

checkbox = document.getElementById("checkbox");

checkbox.addEventListener('change', function(e) {
  console.log(checkbox.checked, checkbox.value);
});

＆＃13;

<input id="checkbox" type="checkbox">

＆＃13;

您需要修改代码，例如如下：

if (aInput[0].checked) {
    aTxt[0].value = aInput[0].value;
} else {
    aTxt[0].value = ''; // define a value
}

Answer 2

如果未选中，请将文本框设置为空字符串：

longest = max((list(g) for _, g in groupby(L)), key=lambda g: (len(g), -g[0]))

Answer 3

试试这个：

for (var i = 0; i < aInput.length; i++) {
    if (aInput[i].checked) {
        aTxt[i] = aInput[i].value;
    } else {
        aTxt[i] = '';
    }
}

上面的for(var i = 0; i < aInput.length; i++) if(!aInput[i].checked){ aTxt[i].value = ''; } }基本上会将特定code的值设置为空textbox，如果它不是string。

Answer 4

只需将文本框的值设为零或为空

if( aInput[0].checked == false){

aTxt[0].value = "";

 }

Answer 5

＆＃13;

set @pageSize = 10; set @pageIndex = 2;

select * from city LIMIT (@pageIndex-1)*@pageSize, @pageSize;

＆＃13;

$('input[type="checkbox"]').on("click", DoSomething);


function  DoSomething(){
     if($(this).prop('checked') == true){
     document.getElementById('text').innerHTML+=$(this).val();
     }
     else{
     var text = document.getElementById('text').innerHTML;
     text=  text.replace($(this).val(),'');
     document.getElementById('text').innerHTML = text;
     }
          
}

＆＃13;

我确实使用过jquery，但你也可以用纯js编写

Answer 6

问题是我需要能够一次显示所有数字，例如：1,2,3,4,5或1,3,5或1,2,5等。

如何检查是否在Javascript中选中了复选框

6 个答案: