當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

2020-3-19

發(fā)布時(shí)間：2023/12/19 编程问答 21 豆豆

生活随笔收集整理的這篇文章主要介紹了 2020-3-19 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

題目一：
js split() 分割字符串生成數(shù)組

let str="I am a student"; let arr=str.split(" "); for(let i=0;i<arr.length;i++){console.log(arr[i]); }

分析：這里利用字符串的空格來分割字符串生成數(shù)組。split()方法的參數(shù)設(shè)置為" “，以” "作為分隔符，最終生成一個(gè)數(shù)組。

題目二：
JavaScript 獲取選中checkbox復(fù)選框的值
復(fù)選框可以一次選中多個(gè)或者一個(gè)，實(shí)際應(yīng)用中可能需要獲取選中復(fù)選框的值。

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <script type="text/javascript"> window.onload=()=>{let odiv=document.getElementById("show");let obt=document.getElementById("bt");let checks=document.querySelectorAll("#box > input[type=checkbox]");obt.onclick=()=>{let valStr="";for(let i=0;i<checks.length;i++){if(checks[i].checked==true){valStr=valStr+checks[i].value;}}odiv.innerHTML=valStr;} } </script> </head> <body><div id="show"></div><div id="box"><input type="checkbox" id="ck" checked value="1"/><input type="checkbox" id="ck" value="2"/><input type="checkbox" id="ck" checked value="3"/><input type="button" value="查看效果" id="bt"/></div> </body> </html> //

運(yùn)行結(jié)果：

點(diǎn)擊“查看效果”

相關(guān)知識：
標(biāo)簽 type 屬性值設(shè)置為 “checkbox” 即可創(chuàng)建一個(gè)復(fù)選框。
單選按鈕同一時(shí)刻只能有一個(gè)按鈕處于選中狀態(tài)，復(fù)選框則可以選中任意多項(xiàng)。
特別說明：通常情況下，利用 name 屬性將表單數(shù)據(jù)提交到后臺(tái)。
復(fù)選框還有其他屬性，下面分別做一下介紹：
（1）.value：規(guī)定復(fù)選框的value屬性值，它會(huì)被發(fā)送到服務(wù)器。
（2）.checked：規(guī)定復(fù)選框處于選中狀態(tài)。
（2）.required（HTML5）：規(guī)定指定的復(fù)選框必須被選中。
（3）.form（HTML5）：規(guī)定復(fù)選框所屬的一個(gè)或多個(gè)表單。
（4）.autofocus（HTML5）：規(guī)定在頁面加載時(shí)，指定復(fù)選框自動(dòng)地獲得焦點(diǎn)。
（5）.disabled：規(guī)定復(fù)選框不可用。

querySelectorAll() 方法返回文檔中匹配指定 CSS 選擇器的所有元素

總結(jié)

以上是生活随笔為你收集整理的2020-3-19的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇：数据库基础系列之一：MySQL账户
下一篇：手机吞吃蛇游戏的设计与开发