您的位置:

checkboxjsvalue的简单介绍

checkboxjsvalue的简单介绍

更新:

本文目录一览:

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的值,不选中,就取消显示。

checkboxjsvalue的简单介绍

本文目录一览: 1、js jquery 给 checkbox value属性赋值? 2、js中如何将checkbox 选中的VALUE值在点击按钮后显示到层中? 3、JS点击checkbox将其val

2023-12-08
javascript入门笔记1的简单介绍

2022-11-18
python使用笔记23的简单介绍

2022-11-10
javascript简要笔记,JavaScript读书笔记

2022-11-17
c到c语言笔记的简单介绍

2022-11-24
java包笔记,Java语言包

2022-11-18
印象笔记记录java学习(Java成长笔记)

2022-11-12
java客户端学习笔记(java开发笔记)

2022-11-14
重学java笔记,java笔记总结

2022-11-23
java基础知识学习笔记一,Java基础笔记

2022-11-21
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
java学习笔记(java初学笔记)

2022-11-14
java基础第一天学习笔记(java课程笔记)

2022-11-09
重拾python笔记三的简单介绍

2022-11-13
java笔记,大学java笔记

2022-11-28
js修改cssimportant的简单介绍

本文目录一览: 1、js如何直接修改css里面的属性值呢? 2、笔记:JS设置CSS样式的几种方式 3、如何用JS修改已加载的CSS样式表样式? 4、JS修改CSS设置的样式 5、如何使用jquery

2023-12-08
发篇java复习笔记(java课程笔记)

2022-11-09
java笔记,尚硅谷java笔记

2022-12-01
java方向综合笔试题的简单介绍

2022-11-23
Markdown笔记的全方位介绍

2023-05-18