CheckBox 전체 및 라디오 라디오 라디오 라디오 선택 및 선택 취소 버튼 설정

3129 단어
1. CheckBox는 인터넷에서 다음 코드를 모두 선택합니다.



    
     
    


     
     
     
     


    $(function(){
        $('input').click(function(){
            if($(this).index() == 0){
                        // , , 
                        if($('input').eq(0).prop('checked')){
                            $(this).nextAll().prop('checked',true);
                        }else{
                            $(this).nextAll().prop('checked',false);
                        }
                    }else{
                        // , , 
                        if($('input:gt(0):checked').length == $('input').length-1){
                            $('input').eq(0).prop('checked',true)
                        }else{
                            $('input').eq(0).prop('checked',false)
                        }
                    }  
                })
    })



잊혀진 지식:
  • $('input').eq(0).prop('checked') 이 속성의 값을 가져오는 매개 변수입니다. 두 개의 매개 변수는 이 속성의 값을 설정합니다.주:prop은property 속성의 약자입니다.
  • $('input:gt(0):checked'):gt(numer)는 이number보다 큰 태그를 가져오기 위해,:lt(number)는 이number보다 작은 태그
  • : 선택된 단추를 가져오기 위해checked
  • 2. 라디오는 같은 name 값을 추가하기만 하면 됩니다.
    
    
    
        
        
    
    
        <span> </span>
         <form>
            <label> </label>
            <br/>
            <label> </label>
            <input type="radio" name="sport" id=" "/>
            <br/>
            <label for=" "> </label>
            <input type="radio" name="sport" id=" "/>
            <br/>
            <label for=" "> </label>
            <input type="radio" name="sport" id=" "/>
            <br/>
         </form>  
    
    
    </code></pre> 
     <blockquote> 
      <p> label , input id="id ", label for="id " </p> 
     </blockquote> 
     <p><strong> : input Label 。 , label </strong></p> 
     <p><strong>3、 </strong><br/>  , , , js 。<br/> <strong> :</strong></p> 
     <pre><code>
    
    
        <meta charset="utf-8"/>
        <title/>
        <script type="text/javascript" src="./js/jquery-1.11.1.min.js"/>
    
    
        <input type="radio"/> - 
    
        <script type="text/javascript">
            $(function () {
                var flag = true;
                $("input:radio").click(function () {                
                    $(this).prop("checked",flag);
                    flag = !flag;
                })
            });
        </script>
    
    </code></pre> 
    </article>
                                </div>
                            </div>

    좋은 웹페이지 즐겨찾기