当前位置：首页 » 编程语言 » htmlcheckbox选中

htmlcheckbox选中

发布时间: 2021-03-24 15:28:33

❶ html中的checkbox选中后的用法

checkbox 中添加value属性，userid放进去
遍历被选中的checkbox,取出value属性，
如果是选中的多个，就组合成字符串，
1,2,3,4,

❷ 求javascript checkbox 选中事件代码

首先通过getElementById或其它方式获得这些对象obj，然后判断obj.checked = true或false就可以了。

例:

....

function testClickBigCheckBox(){

var big = document.getElementById('bigclassauthorize');

var small1 = document.getElementById('smallclassauthorize1');

var small2 = document.getElementById('smallclassauthorize2');

if(big.checked == true){

small1.checked = true;

small2.checked = true;

}else{

small1.checked = false;

small2.checked = false;

}

代码可以精简或者封装,这里只是简单的描述一下基本做法，以上是大项被选中的事件处理，小项的原理差不多。

(2)htmlcheckbox选中扩展阅读：

思路：获取checkbox对象，根据value属性设置checkbox的checked属性（true为选中，false为取消选中）。下面实例演示——根据文本框的制定值设置复选框的选中项：

1、HTML结构

<input name="test" type="checkbox" value="1" />item-1

<input name="test" type="checkbox" value="2" />item-2

<input name="test" type="checkbox" value="4" />item-4

2、javascript代码

function fun(){

var val = document.getElementById("val").value.split(",");

var boxes = document.getElementsByName("test");

for(i=0;i<boxes.length;i++){

for(j=0;j<val.length;j++){

if(boxes[i].value == val[j]){

boxes[i].checked = true;

break

}

❸ html:checkbox 多选

把name设置能一样的

之后就可以$_REQUEST['NAME']
是个

如:(我用的是php)
<input type=checkbox name=checkbox[] id=checkbox_1 value=被取到的值1 checked=true />

<input type=checkbox name=checkbox[] id=checkbox_2 value=被取到的值2 checked=true />

<input type=checkbox name=checkbox[] id=checkbox_3 value=被取到的值3 checked=true />

$allready_arr=$_REQUEST[checkbox];

这个时候提交以后。被选中的checkbox的value就取到了

下面是常用的。全选和反选

function checkAll(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements[i];
// if (e.name != 'chkall')
e.checked = true// form.chkall.checked;
}
}

function checkOthers(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements[i];
// if (e.name != 'chkall')
if (e.checked==false)
{
e.checked = true;// form.chkall.checked;
}
else
{
e.checked = false;
}
}
}

❹ 在HTML中如何用JavaScript判断复选框checkbox是否被选中

js判断复选框是否选中

[html]viewplain
<!doctypehtml>
<htmllang="cn">
<head>
<metahttp-equiv="content-type"content="text/html;charset=UTF-8"/>
<title>复选框全选、全不选、反选、必选一个</title>
<scripttype="text/javascript">
//全选
functionselectAll(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
names[i].checked=true;
}
}

//全不选
functionselectNone(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
names[i].checked=false;
}
}

//反选
functionselectInvert(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
if(names[i].checked){
names[i].checked=false;
}else{
names[i].checked=true;
}
}
}

//必须选择一个
functionselectOne(){
varnames=document.getElementsByName("bjjb");
varflag=false;//标记判断是否选中一个
for(vari=0;i<names.length;i++){
if(names[i].checked){
flag=true;
break;
}
}
if(!flag){
alert("请最少选择一项！");
returnfalse;
}
}

</script>
</head>
<body>
<formid="checkboxform"method="post"action="">
<inputtype="checkbox"name="bjjb"value="1">交通事故<br>
<inputtype="checkbox"name="bjjb"value="2">自然灾害<br>
<inputtype="checkbox"name="bjjb"value="3">恶劣天气<br>
<inputtype="checkbox"name="bjjb"value="4">严重违法行为<br>
<inputtype="checkbox"name="bjjb"value="5">路面损毁<br>
<ahref="javascript:void(0);"onclick="selectAll()">全选</a>
<ahref="javascript:void(0);"onclick="selectNone()">全不选</a>
<ahref="javascript:void(0);"onclick="selectInvert()">反选</a>
<ahref="javascript:void(0);"onclick="selectOne()">必须选择一个</a>
</form>
</body>
</html>

备注：
1：以上常见判断在实际开发中经常运用。温故而知新是一件非常好的事情。
2：在function方法中执行判断加return表示满足条件，return后的内容将不再进行执行,如何没有加return那么createWindow()会继续执行。如：
functionclickSupervise(){
//判断是否选择了警情
varjqid=$("#jqid1").val();
if(""==jqid||jqid==null||jqid==undefined){
alert("请先选择警情信息！");
return;
}
//创建窗口
createWindow();
}

❺ 怎样获取html控件checkbox是否以选中

是用jquery可以这样判断：
这是页面打开就判断是否被选中，不需要触发，
<input type="checkbox" value="1">
$(document).ready(function(){
if($("input[type=checkbox]").is(':checked') == true){
alert('已选择');
}
});
需要触发判断就这样，例如点击div判断：
$(document).ready(function(){
$("div").click(function(){
if($("input[type=checkbox]").is(':checked') == true){
alert('已选择');
}
});
});

使用js就这样：
<input type="checkbox" id="openattr" value="1">
if(document.getElementById("openattr").checked){
alert("已选择");
}

❻ html checkbox选中和不选中，其value都是1，哪里错了

无语，check1的value你不是指定为1了么，所以当然总是1了。。。

试试这个
function test()
{
if(document.form1.check1.checked)alert(document.form1.check1.value);
else alert('未选中');
}

❼ 如何在html中的checkbox判断是否被选中

很简单，去看代码中的是否有
checked="checked"
这个属性。
如果有，说明这个checkbox已经被选中，如果为空则未被选中。
举个例子如下
<input
type="checkbox"
name="sample"
id="sample"
checked="checked">

❽ 这段html代码如何写几个checkbox都选中的js代码

<html>
<head>
<script type="text/javascript">
function check()
{
var items=document.getElementsByTagName("input");
for(i=0;i<items.length;i++)
{
if(items[i].type=="checkbox")
items[i].checked=true;
}

}

function uncheck()
{
var items=document.getElementsByTagName("input");
for(i=0;i<items.length;i++)
{
if(items[i].type=="checkbox")
items[i].checked=false;
}
}
</script>
</head>

<body>
<form>
<input type="checkbox" id="myCheck1" />
<input type="checkbox" id="myCheck2" />
<input type="checkbox" id="myCheck3" />
<input type="checkbox" id="myCheck4" />
<input type="button" onclick="check()" value="选定复选框" />
<input type="button" onclick="uncheck()" value="取消选定复选框" />
</form>
</body>

</html>

试下。

❾ html中，如何自动选择checkbox

用JS
假设要选取的checkbox的name都为a[],A的id=aa;先在A上加这个onclick="qx('a')";
<script>
var y
function qx(ename){
var x=document.getElementsByName(ename);
if(y==1){
for (i=0;i<x.length;i++){

x[i].checked=false;

}
y=2
}else{
for (i=0;i<x.length;i++){

x[i].checked=true;

}
y=1
}
}
</script>
同理 B就是qx('b')

阅读全文

htmlcheckbox选中

(2)htmlcheckbox选中扩展阅读：

与htmlcheckbox选中相关的阅读推荐