konglxblog

js jquery中判断checkbox是否被选中的方法
在js中:

  document.getElementById("checkboxID").checked 返回true或者false

jQuery中:

  $("input[type=\'checkbox\']").is(\':checked\') 返回true或false

 1、attr()方法 设置或者返回备选元素的值

  attr(属性名) //获取属性的值

  attr(属性名,属性值) //设置属性的值

  $("#id]").attr("checked") JQ1.6之后返回checked或者是undefined (1.6之钱返回true或者是false)

  $("input[type=\'checkbox\']").attr("chacked",true); 将多选框设为全选中状态 false为不选中状态

 2、prop()方法 
  $("input[type=\'checkbox\']").prop("checked") 返回true或者false

  还有removeAttr(属性名)、removeProp(属性名)删除该属性

例:

  $("input[\'tupe=checkbox\']").removeAttr("checked");移除多选框的选中

================js和jq判断select是否选中、获取select选中的值=========
js和jq判断select是否选中、获取select选中的值
JS部分
var mySelect = document.getElementById(”testSelect”);//定位id(获取select)
var index =mySelect.selectedIndex;// 选中索引(选取select中option选中的第几个)
var text =mySelect.options[index].text; // 选中文本
var value =mySelect.options[index].value; // 选中值
mySelect.options[index].selected // 判断select中的某个option是否选中 true为选中 false 为未选中
[html] view plain copy
if(mySelect.options[1].selected == true){
console.log(1)
}

JQ部分
1.判断option是否被选中
$("#id").is(":checked")//为false时是未被选中的,为true时是被选中

$("#id").attr(\'checked\')==undefined//为false时是未被选中的,为true时是被选中

2.获取select选中的值
$("#mySelect option:selected").text()

$("#mySelect").find(\'option:selected\').text()

$("#mySelect").val();

3.获取select选中的索引
$("#mySelect").get(0).selectedindex

4.添加option
$("#mySelect").append("<option value="+value+">"+text+"<option>");

5.删除option
$("#myOption").remove()

js中获取方法

var obj = document.getElementByIdx_xx_x(”testSelect”); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本

var value = obj.options[index].value; // 选中值

 jQuery中获得选中select值

第一种方式
$(\'#testSelect option:selected\').text();//选中的文本

$(\'#testSelect option:selected\') .val();//选中的值

$("#testSelect ").get(0).selectedIndex;//索引

==================================

 jquery获取选中的集合

checkbox复选框

//$(\'input:checkbox:checked\') 等同于 $(\'input[type=checkbox]:checked\')

select下拉选

var rightList = $("#rightList option:selected");//取得选中的option

 

分类:

技术点:

相关文章: