checkboxjsvalue的簡單介紹

本文目錄一覽：

• 1、js jquery 給 checkbox value屬性賦值？
• 2、js中如何將checkbox 選中的VALUE值在點擊按鈕後顯示到層中？
• 3、JS點擊checkbox將其value值在text中顯示

js jquery 給 checkbox value屬性賦值？

var obj = $(‘#’+id);

if(obj.attr(‘checked’)){

obj.val(2);

}else{

obj.val(1);

}

另外：input type=”checkbox” name=”Ishot” id=”Ishot” value=”1″ onclick=”SetValue(‘Ishot’)”/熱門

你直接給一個初始值就可以了啊！！！

js中如何將checkbox 選中的VALUE值在點擊按鈕後顯示到層中？

豬哥解答：

給你寫了一個簡單的例子，記住，checkbox後面的值跟他沒有關係，我們通常都是把那個值複製一份放到checkbox的value裏面，這樣獲取checkbox的value就可以了。

script type=”text/javascript”

function doShow()

{

var a = document.getElementById(“ck01”);

var div = document.getElementById(“div01”);

if(a.checked){

div.innerHTML=a.value;

}else{

div.innerHTML=”;

}

}

/script

body

input type=”checkbox” value=’DemoCheckBox’ name = “ck01″/DemoCheckBox

input type=”button” value=”submit” name=”btn01″ onclick=”doShow()”/

div id=”div01″/div

/body

JS點擊checkbox將其value值在text中顯示

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ” “

html xmlns=” “

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

title無標題文檔/title

/head

script language=”javascript” type=”text/javascript”

function aa()

{

var val=document.getElementById(“checkbox”);

var inp=document.getElementById(“inp”);

if(val.checked==true)

{

inp.value=val.value;

}

else

{

inp.value=””

}

}

/script

body

form id=”form1″ name=”form1″ method=”post” action=””

label

input type=”checkbox” name=”checkbox” id=”checkbox” value=”我被你點了！” onclick=”aa()” /

/label

label

input type=”text” name=”textfield” id=”inp” /

/label

/form

/body

/html

我就做了一個checkbox，選中checkbox，就在文本框中顯示cehekbox的值，不選中，就取消顯示。