• 关于复选框选中状态的判断


    1.checked的选中状态
    不设置checked是默认不选被选中的,
    一旦设置checked="false"或者checked = false或者checked="true"或者checked = true或者不设置任何值,都会被解释为选中。
    <input type="checkbox" name="test" id="test1"/>  //未被选中
    <input type="checkbox" name="test" id="test2"/ checked="false">  //选中
    <input type="checkbox" name="test" id="test3"/ checked="true">  //选中
    <input type="checkbox" name="test" id="test4"/ checked=false>  //选中
    <input type="checkbox" name="test" id="test5"/ checked=true>  //选中
    <input type="checkbox" name="test" id="test6"/ checked >  //选中
    2.取值(.val())---不能用来判断状态
    <input type="checkbox" name="test" id="test1"/> //未被选中
    <input type="checkbox" name="test" id="test2"/ checked>  //选中
    console.log($("#test1").val())  //打印出on
    console.log($("#test2").val())  //打印出on
    对checked取值,无论是选中状态或者未选中状态都是on,
    所以要判断是否选中,不能使用.val()
     
     
    3.取属性值(.attr)---不能用来判断状态
    <input type="checkbox" name="test" id="test1"/> //未被选中
    <input type="checkbox" name="test" id="test2"/ checked>  //选中
    console.log($("#test1").attr("checked"))  //打印出undefine
    console.log($("#test2").attr("checked"))  //打印出undefine
    对checked取值,无论是选中状态或者未选中状态都是undefine,
    所以要判断是否选中,不能使用.attr("checked")
     
    4.获取当前状态(.prop())---可用来判断状态
    <input type="checkbox" name="test" id="test1"/> //未被选中
    <input type="checkbox" name="test" id="test2"/ checked>  //选中
    console.log($("#test1").prop("checked"))  //打印出false
    console.log($("#test2").prop("checked"))  //打印出true
    用prop取值,选中状态为true,未选中状态都是false,
    所以要判断是否选中,可以使用.prop("checked")
     
     

    5.$("input[type='checkbox']").is(':checked')---可用来判断状态

    <input type="checkbox" name="test" id="test1"/> //未被选中
    <input type="checkbox" name="test" id="test2"/ checked>  //选中
    console.log($("#test1").is(":checked"))  //打印出false
    console.log($("#test2").is(":checked"))  //打印出true
    用.is(':checked'),选中状态为true,未选中状态都是false,
    所以要判断是否选中,可以使用.is(':checked')
  • 相关阅读:
    [GL]行星运行1
    一个图的带权邻接表存储结构的应用
    [GDAL]3.影像金字塔构建
    [GDAL]1.GDAL1.8.1编译与第一个程序
    [GDAL]2.读取栅格和矢量数据
    C#迭代器
    GoogleEarth缓存机制探索
    AE开发三维的不足!
    [GDAL]4.影像的读取和显示
    [STL学习]1.概述
  • 原文地址:https://www.cnblogs.com/circulatttt/p/5193262.html
Copyright © 2020-2023  润新知