HTML中实现多选一且输入框的启用与禁用
<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>