JS 判斷CHECKBOX核取方塊多選及選中項驗證

2022-03-21 08:12:25 字數 1728 閱讀 4298

需求:多個核取方塊,要求選中其中一項,如果text的值為空,給出提示。如下圖所示:

html **如下

<

input

type

="checkbox"

name

="select_no_audit_reason"

id="select_no_audit_reason"

value

="1"

>

<

input

type

="checkbox"

name

="select_no_audit_reason"

id="select_no_audit_reason"

value

="2"

>

<

input

type

="checkbox"

name

="select_no_audit_reason"

id="select_no_audit_reason"

value

="3"

>

<

input

type

="checkbox"

name

="select_no_audit_reason"

id="select_no_audit_reason"

value

="4"

>

<

input

type

="checkbox"

name

="select_no_audit_reason"

id="select_no_audit_reason"

value

="5"

>

<

input

type

="text"

name

="put_in_reason"

id="put_in_reason"

size

="20"

maxlength

="20"

value

=""check_str

="其他原因"

>

現在要實現的是選擇其他選項,提交的時候提示其他不能為空。

js**如下:

function

checkme()

checked=true

;

break

;

}

}if(checked==false

) }

}

其中:return (check_form(form1));是用來驗證input的js方法,驗證**如下。(這段**可以根據自身需要修改為驗證其他型別資料的**)

function

check_form(form1)

continue

; }

else

}} }}

}

ok,就到這裡了!

checkbox核取方塊樣式

隨著現代瀏覽器的流行,純css設定checkbox也變的很是實用,下面會講到5種與眾不同的checkbox核取方塊。首先,需要新增一段css隱藏所有的checkbox核取方塊,下面我們會改變它的外觀。要做到點需要新增一段 到你的css檔案中。隱藏預設的checkbox input type chec...

MFC中核取方塊 checkbox

來自 http blog.csdn.net dongzhongshu archive 2010 06 30 5705138.aspx checkbox是一種特殊的按鈕 得到核取方塊狀態的函式 cbutton pbtn cbutton getdlgitem idc check int state pb...

jquery操作核取方塊checkbox

jquery判斷checked的三種方法 attr checked 看版本1.6 返回 checked 或 undefined 1.5 返回 true或false prop checked 16 true fals is checked 所有版本 true false,別忘記冒號哦 jquery賦值...