如何用js的函数控制checkbox是否被选中

如题所述

<input type="checkbox" id="test" /> 这是要给checkbox


<button onclick='check()'>test</butto

   

function check(){
  var checkbox = document.getElementById('test');//
  alert(checkbox.checked);//是否被选中
  if(checkbox.checked){
    //选中了
  }else{
     //没选中
  }
}

   


checked属性就是用来表示是否选中的

温馨提示:内容为网友见解,仅供参考
第1个回答  2016-11-22

    整体简介

    Html元素中的checkbox和radio有一个checked的属性,可以用来设置对应元素的选中状态。当元素具有该checked属性时表示选中,否则表示未选中。

    所需工具/原料

    原生javascript.

    方法/步骤

    1) 通过js的元素选择器选择对应的元素DOM对象,如通过通过元素ID方式获:

    var el = document.getElementById('元素ID')

    2) 获取到DOM对象后,可以通过设置该对象的checked属性来修改其选中状态:


    // 设置元素为选中状态
    el.checked = true;
    // 设置元素为未选中状态
    el.checked = false;

    注意事项

    如果是通过jQuery则可以直接使用$('#元素ID').attr('checked', true),如果设置为未选中则后面值改为false即可。

js如何判断checkbox是否选中js怎么判断checkbox是否选中
1.inputtype="checkbox"checked=true>表示该项被选择。2.inputtype="checkbox">表示该项不被选择。注意:如果是不被选择就不用写checked属性了。如果你写了,不管checked的值是什么,都是被选择。原因:html是一种宽松的标记语言,会忽略你的checked=false中的false,所以结果还是被选中。二、在加载的j...

JS 怎么控制 checkbox 选中
1) 通过js的元素选择器选择对应的元素DOM对象,如通过通过元素ID方式获:var el = document.getElementById('元素ID')2) 获取到DOM对象后,可以通过设置该对象的checked属性来修改其选中状态:\/\/ 设置元素为选中状态el.checked = true;\/\/ 设置元素为未选中状态el.checked = false;注意事项 如果是通过...

js怎么判断一组checkbox全部没有选中,如果全部没有选中则弹出提示...
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。2、在index.html中的标签,输入js代码:if ($('input:checked').length === 0) {$('body').append('全部没有选中');}。3、浏览器运行index.html页面,此时会打印出checkbox是否全部没有选中的判断。

如何用JS控制复选框选中,element.checked
1 var chk = document.getElementById('iptchk');\/\/通过getElementById获取节点 3、通过checked设置为true,变checkbox为选中状态 1 chk.checked = true;\/\/设置checked为选中状态

如何用js判断一个复选框是否被选中?
function check(){ if(document.form1.checkbox.checked==false) \/\/如果表单1的复选框没被选中。则执行以下语句 { alert("请选中复选框");return false;} } '首先定义一个JS函数,复选框的名称为checkbox '这是表单1 注意!必须调用一个函数 onsubmit="return check()"...

在HTML中如何用JavaScript判断复选框checkbox是否被选中?
2:在function方法中执行判断加return 表示满足条件,return后的内容将不再进行执行,如何没有加return 那么createWindow()会继续执行。如:function clickSupervise() { \/\/判断是否选择了警情 var jqid = $("#jqid1").val(); if("" == jqid || jqid==null || jqid==undefined...

当checkbox选中时,按钮才能点击。checkbox没有被选中时,按钮为不能点击...
\/\/判断checkbox有没有被选中 if(document.getElementById("ch").checked==true){ document.getElementById("xz").disabled="";\/\/给BUTTON按钮的disabled属性赋值 }else { document.getElementById("xz").disabled="disabled";} }

js实现checkbox全选、不选与反选的方法
本文实例讲述了js实现checkbox全选、不选与反选的方法。分享给大家供大家参考。具体分析如下:一、思路:1.获取元素 2.给全选 不选 反选添加点击事件 3.用for循环checkbox 4.把checkbox的checked设置为true即实现全选 5.把checkbox的checked设置为false即实现不选 6.通过if判断,如果checked为true选中状态...

js中如何使复选框永不被选中
复选框是checkbox。 如果希望checkbox永远不被选中,最少有2中方法:用CSS给checkbox添加disabled属性。input type="checkbox" disabled = "disabled" \/ 用javascript 给checkbox 设置disabled属性。body      input type="checkbox" disabled...

JSP中如何获取checkbox的状态(选中或非选中)?
(1)input的checked是一个html属性,checked的值没有意义,只不过各个版本对HTML的属性值写法规定不同才有了checked="value"这种写法,只要有checked就表示页面在加载的时候checkbox被选中,没有写就页面加载的时候checkbox就不被选中。(2)同一个页面中用js获取checkbox是否选中:document.getElementById("...

相似回答