在我的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!');"在每个复选框上添加都会非常麻烦.)
这是我的焦点选择框:
我模糊的选择框:
如您所见,我的聚焦选择框的选定选项以蓝色突出显示,而对于我的模糊选择框,所选选项以灰色突出显示.
如果有人需要,这是我的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)
是否有可能使模糊时选择框的选定选项保持蓝色?
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)
为什么会这样?我何时需要输入对象(例如Math或window),何时不需要?
如何修改下面的脚本,以便它不仅在字段为空时发出警报,而且当字段为空或包含少于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)
我只需要在第一个脚本中"粘贴"第二个脚本,但我缺乏专业知识.这两个脚本都在一个大型表单验证脚本中......
有什么区别:
<input type="text" disabled> <input type="text" disabled="true"> <input type="text" disabled=true> <input type="text" disabled="1"> <input type="text" disabled=1> 它们都产生相同的结果,这是一个禁用的文本输入.小提琴.
但它们中哪一个(通常) 正确/最好使用?
我正在尝试检查字符串是否包含特定单词,而不仅仅是子字符串。
以下是一些示例输入/输出:
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)
那么如何检查字符串中是否包含单词呢?
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)
那我该怎么办呢?
在我的身体中,我有 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!”。我怎么做?
这是我的HTML代码:
<table id="display_table"><tr>
<td>No. of Questions: </td>
<td><input type="text" id="questions_num"></td>
</tr><tr>
<td>No. of Options: </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: </td><td><input type="text" id="questions_num"></td></tr><tr><td>No. of Options: </td><td><input type="text" id="options_num"></td></tr>'
for(var i = 1; i <= options_num; i++) {
display_text += "<tr><td>Option " + i + ": </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)