Bootstrap Snippet myregistration using HTML jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
            <input type="hidden" name="courseId" value="" id="courseId" />
                        
                
                <table border="0" cellpadding="0" cellspacing="10" class=" " style="width: 460px; padding:15px 0px 7px 0px; margin-left: -10px;">
                    
                    
                    
                        
<div style="text-align: center;text-transform: uppercase;margin-top: 23px;border-top: 2px solid #DDDCDC;position:relative;">
    <span style="background-color: #fff;position: absolute;top: -11px;left:47%;padding: 0px 10px;">or</span>
</div>
                    
                        <input type="hidden" name="from" value="index" id="from" />                     
                        
                            <tr class="inputWidth10" id="pleaseSelect" style="height: 20px;">
                                <td class="label" style="width: 125px;">
                                   <label for='type' style="display: block; position: relative; top: 0px;">Please select<span class="star">* </span>
                                   </label>
                                    
                                </td>
                                <td class='' id="typeInfo">
                                    <p class="marginBtm10" >
                                        <input type="radio" name="type" value="LEARNER" checked="checked" style="vertical-align: middle; width: 13px; height: 13px" />
                                        I want to Hire Professionals
                                    </p>
                                    <p class="marginBtm10">
                                        <input type="radio" name="type" value="TRAINER"
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
var enrollType;
$(document).ready(function() {
    loadCountryCode()
    $('#name').show()
    $(document).on("change","#countryId", function() {
        toggleLocationCountry()
        
    });
    toggleLocationCountry();
    memberType = $("input[name='type']:checked").val();
    providerType = $("input[name='provider.type']:checked").val();
    if(typeof hideMemberType !== 'undefined' && hideMemberType==true){
        $("#typeInfo").hide()
    }
    $("input[name='provider.type']").change(function() {
        providerType = $("input[name='provider.type']:checked").val();
        toggleIndividInfo();
        
    });
    // register for the change event
    $("input[name='type']").change(function() {
        memberType = $("input[name='type']:checked").val();
        toggleIndividInfo();
        toggleLearnerTrainer();
        toggleIndividInfo();
    });
    // set the right state on load of page
    toggleLearnerTrainer();
    toggleIndividInfo();
    //check url has _type=TRAINER   is their fire a event    
    if(window.location.href.indexOf('_type=TRAINER')>-1){
        callProviderEventTracking('TRAINER_CLICK');
    }
});
// the function for toggling
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"myregistration"
Bootstrap 3.3.0 Snippet by prabhatmech

Related: See More

Questions / Comments:

"myregistration" Bootstrap 3.3.0 Snippet by prabhatmech

Related: See More

Questions / Comments:

"myregistration"
Bootstrap 3.3.0 Snippet by prabhatmech