个人博客 用于记载日常收集的一些技术文章 ...
script : input 值改变时,更新内容 script : input 值改变时,更新内容 < script>
function change_1() {
var x = document.getElementById("urlName").value;
document.getElementById("link_1").innerHTML = x;
}
< /script>

< input id="urlName" oninput="change_1()" type="text" name="urlName">
< span id="link_1">链接名称< /span>
郭少锋 编辑 2022-11-22 15:03:56 创建 2022-11-14 22:38:17 script
script : script 取得控件值 script : script 取得控件值 < textarea id="textarea_1">Hello World< /textarea>

jscript:
var value1 = document.getElementById("textarea_1").value; alert(value1); 根据id取得值,适用于 textarea,input
var value1 = document.getElementById("div_1").innerHTML; 根据id取得值,适用于 div

jquery:
var value1 = $("#div_1").text(); 根据id取得值,适用于 div,textarea
var value1 = $("#div_1").html(); 适用于 div
var value1 = $("#div_1").val(); 适用于 input
郭少锋 编辑 2022-11-22 15:02:22 创建 2022-11-22 12:12:15 script
script : script 取得单选框的值 script : script 取得单选框的值 // 获取指定 name 的单选框的值
function radioValue(name) {
// 获取所有的 input 元素
var nodes = document.getElementsByTagName('input');
// 循环判断
for (var i=0; i<nodes.length; i++) {
// 如果类型是 radio,name 也符合要求,而且也被选中了
if (nodes[i].type==='radio' && nodes[i].name===name && nodes[i].checked) {
//返回相应的值
return nodes[i].value;
}
}
}

调用:var start = radioValue("start"); alert(start);
郭少锋 编辑 2022-11-22 15:02:04 创建 2022-11-22 14:39:36 script
script : script 选中文字,复制到剪切板 script : script 选中文字,复制到剪切板 < textarea id="showTxt">显示结果,并复制到剪切板< /textarea>
<line>
< button id="select_2">全选< /button>
< button id="copy_1">复制< /button>
</line>

$("#select_2").click(function(){
$("#showTxt").html($("#showTxt").html()).select();
});

$("#copy_1").click(function(){
var status = document.execCommand("copy"); if(status) { alert("已复制到剪贴板!"); }
});
郭少锋 编辑 2022-11-22 15:01:56 创建 2022-11-22 15:01:27 script
script : script 弹出提示框 script : script 弹出提示框 alert("要提示的内容"); 郭少锋 编辑 2022-11-22 15:01:50 创建 2022-11-22 12:32:12 script