<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事件
- JS_多選框全選與取消全選的實現JS
- 記錄---實現一個支援@的輸入框
- js實現element中可清空的輸入框(2)JS
- HTML在透明輸入框裡新增圖示的實現程式碼HTML
- 用HTML實現COMBOX 下拉選擇框 (轉)HTML
- 實現一個高度自適應的輸入框
- Vue中實現輸入框的自動補全功能Vue
- html input文字輸入框的一些總結HTML
- 實現一個帶浮動標籤的輸入框
- Angular 實現輸入框中顯示文章標籤Angular
- 實現多個文字框輸入同步效果程式碼例項
- 禁用input輸入框的滑鼠滾輪事件詳解事件
- input 密碼輸入框如何定位,並且輸入密碼呢?密碼
- jQuery實現的規定文字框中只能輸入正整數jQuery
- Android EditText輸入框實現下拉且儲存最近5個歷史記錄Android
- 點選文字框實現文字框內容選中效果
- 使用SPELLCHECK屬性禁用輸入框拼寫檢查
- 從一次輸入框無法輸入的bug,談如何限制輸入框輸入型別型別
- 實現高度“聽話”的多行文字輸入框
- js實現的文字框只能夠輸入數字JS
- jQuery操作單選框、多選框是否選中問題jQuery
- 輸入框點選按鈕清除輸入的所有字元的封裝字元封裝
- jquery實現的限制文字框只能輸入非負實數jQuery
- Input 輸入框中 只能輸入正整數
- VUE 實現 Studio 管理後臺(十三):按鈕點選輸入控制元件,input 輸入框系列Vue控制元件
- HTML如何輸入多個空格HTML
- Jquery 應用(清空輸入框)jQuery
- 原生js 實現輸入框emoji表情釋出JS
- axure教程:如何實現數字輸入框效果
- Qt 實現文字輸入框,帶字數限制QT
- jquery連線html頁面做一個彈出框輸入jQueryHTML
- C#中的輸入框函式C#函式
- 微軟輸入法打字時不顯示選字框 win10輸入法的選字框不見了微軟Win10
- 在文字框輸入關鍵詞可以實現篩選功能程式碼例項
- html中文字域選中後會出現藍邊框HTML
- imemode 控制輸入法,控制輸入框的輸入法
- C#實現的下拉多選框,下拉多選樹,多級節點C#