checkbox改写

迷南。 2021-11-29 16:56 201阅读 0赞

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

</body>

</html><!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width" charset="utf-8"/>

<script src="js/jquery-3.2.1.min.js"></script>

</head>

<body>

<input type="checkbox" id="one" value="1" onClick="checkBox(this);"/><label for="">1</label><br />

<input type="checkbox" id="two" value="2" onClick="checkBox(this);"/><label for="">2</label><br />

<input type="checkbox" id="three" value="3" onClick="checkBox(this);"/><label for="">3</label><br />

<input type="checkbox" id="four" value="4" onClick="checkBox(this);"/><label for="">4</label><br />

<div id="content-area"></div><br />

</body>

<script type="text/javascript">

//the main function

function checkBox(obj) \{

var this\_area = document.getElementById("content-area");

this\_id = obj.id;

this\_unit = document.getElementById(this\_id);

this\_value = obj.value;

var realTime\_area = "";

console.info(typeof this\_value)

var Input\_value = \['1', '2', '3', '4',\]

console.info(this\_unit.checked)

console.info(this\_id)

if (this\_unit.checked) \{

var para = document.createElement("div");

para.style.display = "inline-block";

if (Input\_value.indexOf(this\_value) >= 0 && this\_value !== '2') \{

area = '<div style="width:30px;height:30px;background: pink" id="' + this\_id + "1" + '"></div><lable>' + this\_value + '</lable>'

para.innerHTML = area;

this\_area.appendChild(para);

\} else if (this\_value === "2") \{

console.info("----------2")

area = '<div style="width:30px;height:30px;background: green" id="' + this\_id + "1" + '"></div><lable>' + this\_value + '</lable>'

para.innerHTML = area;

this\_area.appendChild(para);

\}

\}else\{

real\_this\_id = this\_id + "1";

real\_this1 = document.getElementById(real\_this\_id);

$("\#" + real\_this\_id).parent().remove();

\}

\}

</script>

</html>

转载于:https://www.cnblogs.com/jiangjiali1228/p/11013040.html

发表评论取消回复

表情：

评论列表（有 0 条评论，201人围观）

还没有评论，来说两句吧...

相关阅读

相关改写el-tree样式

如图： ![20210423104007427.png][] 关键代码： <div class="new-nav" :class="showNav?'

我就是我/ 2023年01月15日 15:28/ 0 赞/ 55 阅读

相关 python 文本文件改写_unittest自动测试多个文件如何改写为pytest

\ -\- coding: utf-8 -\- """ :copyright: © 2019 by the Lin team. :license: MIT, see LI

快来打我*/ 2023年01月09日 01:19/ 0 赞/ 69 阅读

相关 git：改写提交

修改最近的提交理论使用`commit --amend`提交的话，可以修改同一个分支最近的提交内容和注解。主要使用场合添加最近提交时漏掉的档案

布满荆棘的人生/ 2022年10月28日 03:59/ 0 赞/ 105 阅读

相关 base64js typescript代码改写

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 将市面上的base64方法改写为typescript类

桃扇骨/ 2022年10月02日 06:48/ 0 赞/ 174 阅读

相关 checkbox运用

做一个简单，复选框事件。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG

拼搏现实的明天。/ 2022年04月10日 07:25/ 0 赞/ 141 阅读

相关 05 CheckBox

一：CheckBox:复选框说明：一次性可以选择多个内容。定义： java.lang.Object

偏执的太偏执、/ 2022年03月19日 02:40/ 0 赞/ 127 阅读

相关 oracle查询优化改写

单表查询给查询结果排序操作多张表插入、更新、删除使用字符串使用数字日期运算日期操作范围处理 > 读 “oracle查询优化改写” 一书笔记。

川长思鸟来/ 2022年01月07日 07:01/ 0 赞/ 198 阅读

相关 checkbox改写

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>

迷南。/ 2021年11月29日 16:56/ 0 赞/ 202 阅读

相关 git commit --amend 改写提交

1. commit --amend 为了节省时间，这个教程使用现有的历史记录作为本地数据库。 [从这里][Link 1]下载我们将修改最近一次的提交。首先进入s

╰+攻爆jí腚メ/ 2021年11月02日 11:38/ 0 赞/ 308 阅读

相关 iview-project 改写页面 title

iview-project默认引入Util插件改写页面的title（main.js） import Util from './libs/util'; 但是Util默

迈不过友情╰/ 2021年10月30日 03:16/ 0 赞/ 246 阅读