【问题标题】:Show text without alert when no checkbox is checked未选中复选框时显示不带警报的文本
【发布时间】:2014-12-26 14:20:56
【问题描述】:

我有这个 js,但是当我删除“无”字段时它正在工作,但如果不显示,我的网站很难看,因为我没有选中复选框。

js:

setInterval(function(){
   section[0].innerHTML = '';
   for(var i = 0; i < checkbox.length; i++){
     if(checkbox[i].checked){
     section[0].innerHTML += checkbox[i].value;        
     } else {
     section[0].innerHTML = 'nothing';
     }
   }
 }, 10);

html

Checked checkbox: <b><section></section></b>

这个 js 工作正常,但我不想添加任何字段:

setInterval(function(){
   section[0].innerHTML = '';
   for(var i = 0; i < checkbox.length; i++){
     if(checkbox[i].checked){
     section[0].innerHTML += checkbox[i].value;        
     }
   }
 }, 10);

【问题讨论】:

  • 等等,你为什么不对复选框使用onchange事件???
  • 你的名字为 stackoverflow 团队打开了一个错误。他们现在需要使用省略号来显示大文本。
  • 顺便说一句,这只是无效的 HTML 标记:&lt;b&gt;&lt;section&gt;&lt;/section&gt;&lt;/b&gt;

标签: javascript jquery checkbox


【解决方案1】:

我假设什么都不是一个选项,并且如果没有选择任何框,您想写“无”。在这种情况下,这应该有效。

setInterval(function(){
   section[0].innerHTML = '';
   var nothing = true;
   for(var i = 0; i < checkbox.length; i++){
       if(checkbox[i].checked){
           section[0].innerHTML += checkbox[i].value;
           nothing = false;
       }
   }
   if(nothing){
        section[0].innerHTML = 'nothing';
   }

 }, 10);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-08-24
    • 2015-07-17
    • 1970-01-01
    • 2017-09-11
    • 2014-02-18
    • 2021-03-01
    • 2015-08-08
    • 2015-08-16
    相关资源
    最近更新 更多