js 多選框 單選框

2021-10-03 04:20:40 字數 2001 閱讀 6545

此多選框、單選框可以換按鈕**,只更改雪碧圖的定位即可。

沒有使用自帶的控制項,是重新寫的。

用到了模組化開發,類的匯出匯入,類的繼承。

type

="module"

>

import radio from

"./js/radio.js"

;import checkbox from

"./js/checkbox.js"

;let hobby=

["唱歌"

,"跳舞"

,"遊戲機"

,"健身"

,"游泳"

,"旅遊"

,"看書"];

for(

let i=

0;i)let ***=

["男"

,"女"

,"不確定"];

for(

let i=

0;i)script

>

// checkbox.js

export

default

class

checkbox

) */

// 設定當前例項的兩個屬性_checked,_label,這兩個屬性都是可修改,但是不可列舉和刪除

object.

defineproperties

(this,,

_label:})

this

.elem=

this

.createelem()

;this

.setstyle()

;this

.label=_label;

// this.elem.setattribute("name",_name);

this

.name=_name;

}createelem()

) div.

addeventlistener

("click"

,e=>

this

.clickhandler

(e))

;let ck=document.

createelement

("span");

let label=document.

createelement

("span");

object.

assign

(ck.style,

) object.

assign

(label.style,

) div.

(ck)

; div.

(label)

;return div;

}setstyle()

);}(parent)

else

if(parent.constructor===string)

}clickhandler

(e)set

checked

(value)

getchecked()

setlabel

(value)

getlabel()

}

// radio.js

import checkbox from

"./checkbox.js"

;export

default

class

radio

extends

checkbox

constructor

(_label=

"",_name="")

(parent)

clickhandler

(e))

}}

selenium之單選框 多選框

一 單選框 radio 單選框的選擇很簡單,因為是單選,所以直接定位到元素後點選即可 示例頁面 示例 from selenium import webdriver from selenium.webdriver.common.by import bydriver webdriver.firefox ...

layui 單選框和多選框聯動實現多選框的禁用

首先是單選框和多選框的html layui form item layui form label 禁用開關 label layui input block radio name demo lay filter erweima value true title 是 radio id demor nam...

EXTJS4 2中單選框及多選框

extjs4.2中單選框及多選框。單選框 var flag1 1 控制事件執行一次的開關 var datasource var mystore var page var grid var records function ext.require ext.grid.ext.data.ext.onrea...