How to disable button wen fields are empty jquery mobile

See more:

jQuery

Hallo everyone this is my first time using jquery mobile the problem I am having is I need to do validation on certain fields to disable a button. But the fields can differ based on radio button selection. But my code is not working. Any help would be appreciated.

         $(document).ready(function () {

             if ($("input[name=radio1]").val() == "choice-2")
             {
                 if (
                  $("#txt3PRecipientName").val() == ""
                 || $("#txt3PRecipientSurname").val() == ""
                 || $("#txt3PRecipientId").val() == ""
                 || $("#txt3PRecipientId").val() == ""
                 || $("#txt3PRecipientNo").val() == ""
                 || $("#txtEmail").val() == ""
                 || $("#txtId").val() == ""
                 || $("#txtCompanyName").val() == ""
                 || $("#txtStreet").val() == ""
                 || $("#txtSearch").val() == ""
                 || $("#txtCity").val() == ""
                 || $("#txtPostal").val() == ""
                 )
                 {
                     $("#btnSubmit").attr("disabled", true)

                 }
             }
             else if ($("input[name=radio1]").val() == "choice-1")
             {
                 if (

                  $("#txtEmail").val() == ""
                 || $("#txtId").val() == ""
                 || $("#txtCompanyName").val() == ""
                 || $("#txtStreet").val() == ""
                 || $("#txtSearch").val() == ""
                 || $("#txtCity").val() == ""
                 || $("#txtPostal").val() == ""
                     )
                 {
                     $("#btnSubmit").attr("disabled", true)
                 }



             }


});