❤️jQuery中判断input的disabled属性

小明的学习圈子2023-08-13前端控件状态

判断CheckBox,select是否被选中,以及获取选中的集合

js jquery中判断checkbox是否被选中的方法
在js中:
  document.getElementById("checkboxID").checked 返回true或者false
jQuery中:
  $("input[type='checkbox']").is(':checked') 返回truefalse
 1、attr()方法 设置或者返回备选元素的值
  attr(属性名) //获取属性的值
  attr(属性名,属性值) //设置属性的值
  $("#id]").attr("checked") JQ1.6之后返回checked或者是undefined1.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 为未选中
    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
 
Last Updated 2024/10/26 12:50:05