zoukankan      html  css  js  c++  java
  • input中checked复选框进行单选

    1、使用jQuery的prop属性,如果为DOM对象,可直接给DOM队象加$() ;

    2、判断元素是否选中;

    if ( $(elem).prop("checked") ) 
    if ( $(elem).is(":checked") ) 

    3、prop() 与 attr()  的区别?

    (1)$("#chk1").prop("checked")  = true/false;

        $("#chk1").attr("checked") = 'checked';

    (2)$("#chk1").prop("checked",true);

       $("#chk1").attr("checked", "checked");  

    例:

    1、html

    <li>
        <input type="checkbox" name="carcek1" style=" 20px; height: 20px; margin: 10px 12px;">
    </li>
    <li>
        <input type="checkbox" name="carcek1" style=" 20px; height: 20px; margin: 10px 12px;">
    </li>

    2、js

    var carcek1 = $("input[name='carcek1']");
    carcek1.click(function() {
          for(var i=0; i<carcek1.length; i++) {
              $(carcek1[i]).prop('checked',false);
          }
          $(this).prop('checked',true)
    })

    3、效果

            

  • 相关阅读:
    Codeforces899D Shovel Sale(思路)
    F
    Codeforces909D Colorful Points(缩点)
    LOD
    Instruments
    IO优化
    Unity JobSystem
    Android 设备指纹
    帧同步
    寻路
  • 原文地址:https://www.cnblogs.com/dxt510/p/7514209.html
Copyright © 2011-2022 走看看