Tab navigation in bootstrap not working with another jquery

Question

I am in dilemna on how to get this resolved. Basically I am using tab in bootstrap modal and is using button to navigate from one tab to another. I incorporatyed jquery for that. But I also wrote a jquery to allow me to select multiple radio button with same name (using value), But when I incorprated jquery library it seems to stop navigation from happening and when I remove this jquery navigation strrats happening. I believe this happening because jquery for radio button is v1.3.2 while for navigation is v2.1.1 . however I need to use both to fulfil the requirement? please suggest on how to resolve this. Below is the code :

 $(document).ready(function(){
            $("#selectINTI").click(function () {
            $('input:radio[name=app_decision]:nth(0)').attr('checked',true);
            //$('input:radio[name=app_decision]')[0].checked = true;
            });
            $("#selectINTE").click(function () {
            $('input:radio[name=app_decision]:nth(1)').attr('checked',true);
            //$('input:radio[name=app_decision]')[1].checked = true;
            });
            $("#selectR").click(function () {
            $('input:radio[name=app_decision]:nth(2)').attr('checked',true);
            //$('input:radio[name=app_decision]')[2].checked = true;
            });
          }); 
 
 $('.btnNext').click(function(){
  $('.nav-tabs > .active').next('li').find('a').trigger('click');
});

  $('.btnPrevious').click(function(){
  $('.nav-tabs > .active').prev('li').find('a').trigger('click');
});

fieldset {
border:2px solid black;
border-radius:10px;
padding:20px;
position:relative;
}
legend {
background: #FF9;
border: solid 1px black;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 4px;
margin:0px;
}
    .modal .modal-dialog {
    width: 90%;
        }


    
        
        
  
        admission_dec
        
        
        
        

        
        


        

    
        
        
         Search
        
        
        
        Academic Year  
        
        

        
        Class  
        
        

        
        Application Status  
        
        

        
        
        

        
         
        
        

        
        


        

        
        
        
        
         Result
        Decision
        
        
        
        Student ID
        Name
        App.Status
        App.Date
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        Interview

        Exam

        Reject
        
        
        
        
        
        

        
        
        
        

        
 
    

      
      
        
          
          Student Appilcation Form
        
        
          
                    
                    
                        Applicant Detail

                        
                        Additional Details

                        

                        Father's Detail

                        

                        Mother's Detail

                        

                        Guardian's Detail

                        

                        Sibling's Detail

                        
                    

                    
                    

                        
                        

                        
        Personal Details
        

        
        
        
        
        Title
        
        
        
        Gender
        
        
        
        Age(yrs)
        
        
        

        
        
        

        Firstname
        
        
        
        

        Height(cm)
        
        
        
        

        Birthdate
        
        
        

        
        
        

        Surname
        
        
        

        
        

        Mobile
        
        
        
        

        Homephone
        
        
        


        
        

        Nationality
        
        
        
        

        Middlename
        
        
        

        
        

        Email Address
        
        
        

        

        
        Address Details
        
        
        Address Line 1  
        
        
        
        Address Line 2  
        
        
        

        


        
        
        Address Line 3  
        
        
        
        City  
        
        
        
        


        
        
        State  
        
        
        
        Country  
        
        
        
        Pincode  
        
        
        
        

        

        
        Application Details
        
        
        Class Applied for  
        
        
        
        Year Applied for  
        
        
        

        

        

        
        
        Previous Class
        
        
        
        Year Passed
        
        
        
        Previous CGPA/Percentage
        
        
        
        

        


        
        
        Previous School Name
        
        
        
        Previous School Board
        
        
        
        
        

        

        
                 Next >> 
                 
                
                

        


        
        
        

        Blood Group  
        
        
        
        

        Weight(kg)  
        
        
        

        
        
        

        Student Category  
        
        
        
        

        
        
        

        Allergy ?  
        
        
        
        

        Disability ?  
        
        
        

        
        
        

        Transport needed ?  
        
        
        
        

        School Distance (km)  
        
        
        

        
        
        

        Birth Place  
        
        
        
        

        Mother Tongue  
        
        
        
        

        Religion  
        
        
        

        
        
        

        Identity Type  
        
        
        
        

        Id Number  
        
        

        
        

        
        
        
        
        
        << Previous
        Next >>          
         
        
        
              
        

        
        
        Next >>  
        << Previous  
         
        
        

        
                                        
        << Previous  
         
        

        

        
        77777777
                
        << Previous  
        Next >>  
         
        
        



        
        

        
        

        
        ID
        Name
        Birthdate
        Class
        Gende
        School Name
        

        
        

        
        
                                        
        << Previous

eric · Accepted Answer

The problem was that attr wasn't properly unsetting the checked property. If you remove your old jQuery library (v1.3.2) you can use the .prop function which handles the toggles correctly (http://api.jquery.com/prop/)

$(document).ready(function() {
   $("#selectINTI").click(function() {
     $('input:radio[name=app_decision]:nth(0)').prop('checked', true);
   });
   $("#selectINTE").click(function() {
     $('input:radio[name=app_decision]:nth(1)').prop('checked', true);
   });
   $("#selectR").click(function() {
     $('input:radio[name=app_decision]:nth(2)').prop('checked', true);
   });
});

Tab navigation in bootstrap not working with another jquery

Answers (1)

Related Questions