<script>
// 控制"其他類別內容"輸入框的啟用與禁用
function toggleTypeContent() {
var typeContentInput = document.getElementById("typecontent");
var otherRadio = document.getElementById("other");
// 如果選中了"其他",啟用輸入框並清空placeholder
if (otherRadio.checked) {
typeContentInput.disabled = false;
typeContentInput.placeholder = ""; // 清空提示資訊
} else {
typeContentInput.disabled = true;
typeContentInput.value = ''; // 清空輸入框
typeContentInput.placeholder = "如選業務洽談、培訓、會議,則此空不填"; // 顯示提示資訊
}
}
// 頁面載入時預設禁用“其他類別內容”輸入框並顯示提示
window.onload = function() {
toggleTypeContent();
};
</script>
HTML中實現多選一且輸入框的啟用與禁用
相關文章
- js禁用頁面所有輸入框以及點選事件JS事件
- 記錄---實現一個支援@的輸入框
- HTML在透明輸入框裡新增圖示的實現程式碼HTML
- js實現element中可清空的輸入框(2)JS
- html input文字輸入框的一些總結HTML
- Vue中實現輸入框的自動補全功能Vue
- 禁用input輸入框的滑鼠滾輪事件詳解事件
- Angular 實現輸入框中顯示文章標籤Angular
- Android EditText輸入框實現下拉且儲存最近5個歷史記錄Android
- input 密碼輸入框如何定位,並且輸入密碼呢?密碼
- 從一次輸入框無法輸入的bug,談如何限制輸入框輸入型別型別
- 實現高度“聽話”的多行文字輸入框
- VUE 實現 Studio 管理後臺(十三):按鈕點選輸入控制元件,input 輸入框系列Vue控制元件
- 輸入框點選按鈕清除輸入的所有字元的封裝字元封裝
- HTML如何輸入多個空格HTML
- jquery連線html頁面做一個彈出框輸入jQueryHTML
- 原生js 實現輸入框emoji表情釋出JS
- axure教程:如何實現數字輸入框效果
- Qt 實現文字輸入框,帶字數限制QT
- Input 輸入框中 只能輸入正整數
- 輸入框
- 微軟輸入法打字時不顯示選字框 win10輸入法的選字框不見了微軟Win10
- 純css實現輸入框placeholder動效及輸入校驗的示例程式碼CSS
- VUE 實現 Studio 管理後臺(十二):新增輸入組合,複雜輸入,輸入框 Input 系列Vue
- HTML之 表單與輸入HTML
- imemode 控制輸入法,控制輸入框的輸入法
- C#實現的下拉多選框,下拉多選樹,多級節點C#
- Flutter 密碼輸入框 驗證碼輸入框Flutter密碼
- Figma數值輸入框支援拖拽調整功能實現
- Flutter 自定義輸入框Selection選單和選擇器Flutter
- js--手動實現一個常見的簡訊驗證碼輸入框JS
- react輸入框輸入中文bugReact
- 直播平臺製作,html+css復刻登入輸入框HTMLCSS
- Bootstrap 支援的一個特性—輸入框組boot
- 【3分鐘學會】一招禁用表單中input輸入框Enter鍵自動觸發提交事件!事件
- H5實現輸入框新增語音功能的方法詳解H5
- 聊天室軟體原始碼中封裝一個金額輸入框元件的實現原始碼封裝元件
- 沒有框架怎麼辦?原生 CSS + JS 實現一個標籤輸入框框架CSSJS