论坛首页 入门技术论坛

如何在初始化时把对应的checkbox使选中与不选中的讨论

浏览 3230 次
该帖已经被评为新手帖
作者 正文
   发表时间:2008-05-30  
首先我们大家在写页面的时候可能回经常遇到checkbox、radio等一些使选中或者是不选中的问题。这是我在项目当中做的时候发现的一个小知识点,把它赶紧记录下来。以便以后复习与巩固。
现把代码写出来再解释:
function operateCheckOrRadio() {
  var sForm = document.getElementById("sform");
  var sStatus = document.getElementById("status");

  if (sForm == null || sForm == "")
    return;
  for (var i = 0; i < sForm.elements[sStatus].length; i++){
    sForm.elements[sStatus][i].checked = true;//true表示为使打上对勾,反 之不打对勾
  }
}

这个方法也可以用来当我们已经使checkbox、radio选中了,再一次选择别的按钮时需要把所选择的对勾给去掉,那么这个方法也同样使用。

另外在选择的时候可能(针对checkbox而言)只能选择2或者是3不等。可以看看这个方法
function operChecked() {
  var num = 0;
  var name = document.getElementsByName("attributes");//获取某一个checkbox的对象
  for (var k = 0; k < name.length; k++) {
    if (name[k].checked) {
      num++;
      if (num > 2) {//个数可以自己来决定
          event.returnValue = false;//这一句话当你选择了2个再选择时根本选不了
      }
    }
  }
}
论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics