小编chr*_*ong的帖子

javascript - 选中/取消选中任何复选框时触发事件

在我的HTML中,我有很多复选框.

<input type="checkbox"> Check me! 
<input type="checkbox"> Check me as well!
<input type="checkbox"> Check me too! 
<input type="checkbox"> This is a checkbox.
<input type="checkbox"> It is not a radio button.  
<input type="checkbox"> Just saying.  

(Even more checkboxes ..............)
Run Code Online (Sandbox Code Playgroud)

如果没有jQuery,如何更改文档中的任何复选框后如何创建警报?

(有这么多复选框,onclick="alert('Hello!');"在每个复选框上添加都会非常麻烦.)

javascript

3
推荐指数
1
解决办法
2233
查看次数

模糊时防止所选选项的颜色和背景颜色发生变化

这是我的焦点选择框:

在此输入图像描述

我模糊的选择框:

在此输入图像描述

如您所见,我的聚焦选择框的选定选项以蓝色突出显示,而对于我的模糊选择框,所选选项以灰色突出显示.


如果有人需要,这是我的HTML:

<select size='9' id="functions_select">
    <option>Option 1</option>
    <option>Option 2</option>
    <option selected>Option 3</option>
</select>
Run Code Online (Sandbox Code Playgroud)

CSS:

* {
    outline: none;  
}
Run Code Online (Sandbox Code Playgroud)

是否有可能使模糊时选择框的选定选项保持蓝色?

html css

3
推荐指数
1
解决办法
536
查看次数

javascript - 调用alert()和sqrt()的方式有何不同?

window.alert("Hello!");
Run Code Online (Sandbox Code Playgroud)

是相同的

alert("Hello!");
Run Code Online (Sandbox Code Playgroud)
// Works
Math.sqrt(4);
Math.floor(3.55);
Math.round(2.5);

// Does not work
sqrt(4);
floor(3.55);
round(2.5);
Run Code Online (Sandbox Code Playgroud)

为什么会这样?我何时需要输入对象(例如Mathwindow),何时不需要?

javascript

2
推荐指数
1
解决办法
86
查看次数

结合两个简单的脚本

如何修改下面的脚本,以便它不仅在字段为空时发出警报,而且当字段为空或包含少于10位数时(它可以包含任何内容,而不仅仅是数字)?

  if (myform.mytextinput.value=="")
  alert ('Please enter something!");
Run Code Online (Sandbox Code Playgroud)

检查十位数的好脚本是这样的:

  var input_dg = document.getElementById("mytextinput");
  var text_dg = input_dg.value;
  var totalNrOfDigits = 0;
  for(var i = 0; i < text_dg.length; i++){
  if(/\d/.test(text_dg[i])){
  totalNrOfDigits++;
  }
  }
  alert ('Please enter at least 10 digits!');
Run Code Online (Sandbox Code Playgroud)

我只需要在第一个脚本中"粘贴"第二个脚本,但我缺乏专业知识.这两个脚本都在一个大型表单验证脚本中......

javascript

2
推荐指数
1
解决办法
42
查看次数

html - 具有布尔值的属性

有什么区别:

  • <input type="text" disabled>
  • <input type="text" disabled="true">
  • <input type="text" disabled=true>
  • <input type="text" disabled="1">
  • <input type="text" disabled=1>
  • 它们都产生相同的结果,这是一个禁用的文本输入.小提琴.

    但它们中哪一个(通常) 正确/最好使用?

    html

    1
    推荐指数
    1
    解决办法
    786
    查看次数

    检查字符串是否包含单词(不是子字符串)

    我正在尝试检查字符串是否包含特定单词,而不仅仅是子字符串。

    以下是一些示例输入/输出:

    var str = "This is a cool area!";
    containsWord(str, "is"); // return true
    containsWord(str, "are"); // return false
    containsWord(str, "area"); // return true
    
    Run Code Online (Sandbox Code Playgroud)

    以下函数将不起作用,因为对于第二种情况它也会返回 true:

    function containsWord(haystack, needle) {
         return haystack.indexOf(needle) > -1;
    }
    
    Run Code Online (Sandbox Code Playgroud)

    这也不起作用,因为它对于第三种情况返回 false:

    function containsWord(haystack, needle) {
         return (' ' +haystack+ ' ').indexOf(' ' +needle+ ' ') > -1;
    }
    
    Run Code Online (Sandbox Code Playgroud)

    那么如何检查字符串中是否包含单词呢?

    javascript

    1
    推荐指数
    1
    解决办法
    4836
    查看次数

    Javascript-相反的replace()方法?

    var str = "1, 2, 3";
    var res = str.replace(","," and");
    
    Run Code Online (Sandbox Code Playgroud)

    变量“ res”的结果为:

    "1 and 2, 3"
    
    Run Code Online (Sandbox Code Playgroud)

    但这是我真正想要的:

    "1, 2 and 3"
    
    Run Code Online (Sandbox Code Playgroud)

    那我该怎么办呢?

    javascript methods replace

    0
    推荐指数
    2
    解决办法
    3280
    查看次数

    设置具有相同 ID 的元素的innerHTML

    在我的身体中,我有 3 个<a>具有相同 ID 和不同颜色(红色、绿色和蓝色)的 s 来识别它们。

    <a id="hello" style="color: Red;">[Blank]</a>
    <a id="hello" style="color: Green;">[Blank]</a>
    <a id="hello" style="color: Blue;">[Blank]</a>
    
    Run Code Online (Sandbox Code Playgroud)

    在我的脚本中,我有这个:

    document.getElementById("hello").innerHTML = "Hello world!";
    
    Run Code Online (Sandbox Code Playgroud)

    结果,只有第一个<a>(红色)会显示为“Hello world!” 小提琴

    我将脚本更改为:

    for(var i = 0; i < 3; i++) {
        document.getElementById("hello").innerHTML = "Hello world!";
    }
    
    Run Code Online (Sandbox Code Playgroud)

    结果保持不变,只有第一个<a>(红色)显示为“Hello world!”。

    假设我希望所有 3 都<a>显示为“Hello world!”。我怎么做?

    javascript

    0
    推荐指数
    1
    解决办法
    1365
    查看次数

    javascript - 第二次更改文本输入后未创建表行

    这是我的HTML代码:

    <table id="display_table"><tr>
    <td>No. of Questions:&nbsp;</td>
    <td><input type="text" id="questions_num"></td>
    </tr><tr>
    <td>No. of Options:&nbsp;</td>
    <td><input type="text" id="options_num"></td>
    </tr></table>
    
    Run Code Online (Sandbox Code Playgroud)

    我想这样做,当用户在文本输入中输入x(其id为options_num)时,将创建x行.对于创建的每个新行,应该有左列和右列.左列将包含"Option"+ somenumber,其中somenumber指的是已创建的行,右列将创建文本输入.

    这是我在JS中尝试过的:

    document.getElementById("options_num").onkeyup = function() {
        var options_num = parseInt(document.getElementById("options_num").value);
        var display_text = '<tr><td>No. of Questions:&nbsp;</td><td><input type="text" id="questions_num"></td></tr><tr><td>No. of Options:&nbsp;</td><td><input type="text" id="options_num"></td></tr>'
        for(var i = 1; i <= options_num; i++) {
            display_text += "<tr><td>Option " + i + ":&nbsp;</td><td>" + "<input type='text' id='option_" + i + "'</td></tr>";  
        }
        document.getElementById("display_table").innerHTML = display_text;
        document.getElementById("options_num").value …
    Run Code Online (Sandbox Code Playgroud)

    javascript

    0
    推荐指数
    1
    解决办法
    35
    查看次数

    Javascript - 字符串包含逗号和短划线

    我有一个快速的问题.

    如何检查字符串中是否有逗号或短划线?谢谢

    html javascript

    -1
    推荐指数
    1
    解决办法
    4903
    查看次数

    标签 统计

    javascript ×8

    html ×3

    css ×1

    methods ×1

    replace ×1