自定义赋值函数

最新推荐文章于 2022-02-11 16:27:39 发布

JOJO丶

最新推荐文章于 2022-02-11 16:27:39 发布

阅读量346

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Jesion_T/article/details/105049026

版权

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>

<body>
	<script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script>
	<script>
		/*
			自定义赋值函数
			HTML: <input l-value='bbb' value='aaa' />
			JS:	  set_value({bbb: "bbb"}) => <input l-value='bbb' value='bbb' />
		*/
		function set_value (options) {
			var res = {};
			var aElements = document.all;
			for (var i = 0; i < aElements.length; i++) {
				if (aElements[i].getAttribute("l-value") != null) {
					var key = aElements[i].getAttribute("l-value");
					for (k in options) {
						if (key == k) {
							switch (aElements[i].nodeName) {
								case "INPUT":
									if (aElements[i].type == "checkbox") {
										aElements[i].checked = options[key];
									} else if (aElements[i].type == 'radio') {
										aElements[i].checked = options[key];
									} else {
										aElements[i].value = options[key];
									};
									break;
								case "SELECT":
									aElements[i].value = options[key];
									break;
								case "IMG":
									aElements[i].src = options[key];
									break;
								default:
									aElements[i].innerHTML = options[key];
									break;
							}
						}
					}
				}
			}
		}
	</script>
</body>

</html>