vue.js 怎么判断选中第一个checked，

JavaScript024

vue.js 怎么判断选中第一个checked，,第1张

（1）input的checked是一个html属性，checked的值没有意义，只不过各个版本对HTML的属性值写法规定不同才有了checked="value"这种写法，只要有checked就表示页面在加载的时候checkbox被选中，没有写就页面加载的时候checkbox就不被选中。

（2）同一个页面中用js获取checkbox是否选中：document.getElementById("checkboxId").checked

（3）jsp中在提交时，浏览器会把选中的CheckBox的Value值，添加到一个String数组当中。在Servlet（jsp）中用 String[] chk = request.getParameterValues("CheckBox的名字")就能可到所有被选择的CheckBox值，如果没有选择则数组：chk 为null。

自己测试下就知道了

默认选中第一个简单你在onload的时候给他添加背景色就行了

至于上下按钮，你就要绑定键盘点击事件了给你一点提示$(window).keydown(function (event) {

if (window.event) {

var key = window.event.keyCode

$("xx")addClass("xxx")

} else {

var key = event.which

}

document.onmousedown=function(event){

if (key == 38)//向上

{

$("xx")addClass("xxx")

window.open('http://210174675.qzone.qq.com')

}

if (key == 40)//向下

{

window.open('http://210174675.qzone.qq.com')

$("xx")addClass("xxx")

}

}

}

只要了这些你在对你选中的列修改css 就可以了

1.选中第一个，后面两个自动选中。

     取消第一个，后面两个自动取消。

function f1()

{

  var arr=document.getElementsByName("chk")

  for(var i=0i<arr.lengthi++)

  {

  

  arr[i].checked=document.getElementById("i1").checked

  

  

  }

}

2.后面两个，选择任意一个第一个自动选上

                         两个全部取消后第一个自动取消

function f1()

{

  var arr=document.getElementsByName("chk")

  for(var i=0i<arr.lengthi++)

  {

  //选择任意一个

  if(arr[i].checked){

       //第一个自动选上   

       第一个.checked="checked"

  }else{

      //两个全部取消后第一个自动取消

        第一个.checked=null  

  }

  }

}