博翔科技為專業機械設備歐規/台灣TS標章/美規及半導體設備SEMI S2輔導顧問公司
博翔對於各類機械的安全技術 安全開關 安全模組 安全繼電器模組 安全繼電器 緊急停止 安全元件 歐盟電路設計 安全迴路 安全設計
由於科技的進步，各種無線通訊設備及數位裝置技術的高度發展，電磁干擾已成為電子時代中世界各國關注的問題。
機械產品的製造為迎向消費市場需求，亦朝向高速度、高精度、自動化且大量使用數值控制而使機械產品電磁干擾問題更加複雜
而博翔科技協助您解決相關安全技術問題以專業級檢測與規畫經驗並協助各種機械廠快速獲得相關認證
邀請您一起邁向世界的安全技術頂端
請立即點擊上方圖片了解更多細節吧！
好文分享
...JavaScript複選框的分組單選實現 近期在製作MVC實例教學課件中，選擇使用了在線考試作為題材進行頁面的設計，在線考試主要提供單項選擇題，用戶點擊選擇項之後提交伺服器端。頁面布局時使用了複選按鈕進行了選項的設置。本文主要討論分組複選框模擬實現單選功能。 實現效果 本例設計使用複選按鈕模擬單選按鈕主要原因是出於頁面的美觀。考試頁面需要將複選按鈕按照題目進行分組，並且針對同一題目只允許選擇一個，即模擬實現單選功能。設計頁面效果如下圖： ...考試頁面設計效果 考試頁面設計效果如上圖，按照題目編號分組後實現單選功能。操作動畫演示如下圖： ...動態實現效果展示 實現基本思路 使用複選框模擬分組單選按鈕設計及實現效果描述如上所示，其實現主要需要藉助JavaScript前端交互腳本技術。具體實現思路描述如下： 1、獲取被點擊複選框編號 獲取複選框被點擊的編號id主要目的是需要通過編號判斷當前複選框屬於哪一個分組。進而確定第幾道題的第幾個選項被點擊。 2、獲取被點擊複選框同組複選框編號 在獲取當前點擊複選框之後可以通過取餘數運算獲取餘數。設計每個題目必須具有四個選項。通過%4進行取餘數。根據餘數獲取本組其他複選框的ID值。如餘數為0，表示當前被點擊的是本組最後一個複選框。 3、設置本組其他複選框為未選中狀態 在獲取本組其他複選框之後，可以進一步通過JavaScript文檔對象模型的getElementById()方法獲取每一個複選框，並設置其checked屬性值為false，表示未選中。 編碼實現 在明確基本實現思路之後可以進行前端HTML頁面的設計及JavaScript的編碼操作實現等。按照設計思路，需要將試題中出現的所有複選框都設置ID屬性。且ID屬性需要按照從 1遞增進行設置。設計Name屬性用於實現分組，即同一題目四個選項對應的複選框Name相同。前端HTML代碼描述如下： ...input標記及屬性設置 input標記及屬性設置描述如上圖所示，設置id用於標誌每一個複選框，設計name標誌分組，設計onclick事件用於接受模擬單選操作。 本例設計函數setValue()用於實現處理模擬單選操作，該函數傳遞標誌自身的this。在接收到this之後可以通過它獲取對應的id值，並進行進一步處理。基本操作步驟如下： 1、var eid=this.id; 獲取當前點擊複選框對應的id值並存儲變量eid中。 2、var i=eid%4 取餘數判斷當前複選框在所屬組中的位次。 3、var el=new Array(3) 定義數組保存本組其他複選框的id編號值。 4、Switch判斷語句給el賦值 通過i的取值分別設置el對應元素值。 5、使用for循環批量設計checked屬性值 設置checked屬性值為false，即可設置複選框未選中狀態。 以上給出實現複選框的分組單選的實習代碼說明，完整代碼描述如下圖所示： ...複選框分組模擬單選框完整JS實現代碼 以上給出複選框模擬分組單選框實現思路及代碼，本頭條號長期關注編程資訊分享；編程課程、素材、代碼分享及編程培訓。如果您對以上方面有興趣或代碼錯誤、建議與意見，可在評論區回復。更多程序設計相關教程及實例分享，期待大家關注與閱讀！
TTT77941YYDDEE156365GG
文章來源取自於：
每日頭條 https://kknews.cc/tech/b3ena36.html
如有侵權，請來信告知，我們會立刻下架。
DMCA：dmca(at)kubonews.com
聯絡我們：contact(at)kubonews.com
新竹電暖器符合歐盟歐規電路設計台中安全繼電器設計與電路設計新竹安全光柵設計與電路設計新竹電暖器安全迴路設計高雄按摩椅符合歐盟歐規電路設計
台南加熱器用固態繼電器設計與電路設計 台中YW系列緊急停止用按鈕開關﹝組合型﹞ 由於具備明確的夾持力，可免除維護台中快煮壺/熱水瓶符合歐盟歐規電路設計 桃園制動控制設備 優質的接點安全可靠台南快煮壺/熱水瓶安全迴路設計 台中咖啡機符合歐盟歐規電路設計 遇到強力衝擊與震動時也不需要維護高雄燈泡/燈飾符合歐盟歐規電路設計 台南廚衛三機安全迴路設計 安全繼電器模組協助符合歐規電路的CE認證公司
留言列表
