更新：仅根据单选按钮和所选选项选择某些项目

Question

I'm new to JQuery and I'm in a bit of a pickle. I have 3 main radio buttons setup. These buttons are to select an item based on the country selected.

So for example, I have 6 items. 3 for domestic (USA) and 3 for international (!=USA).

For example: If I select first_radio, it also selects either something-div-0 or something-div-1 based on option selected.

JQuery (UPDATED)

<script>
$(document).ready(function() {
$('.something').hide();


$('.somethingName :input').each(function (i, v) {
$(this).attr("id", "something-div-" + i);
i++;
});

$("#option").change(function() {

    var isUS = $("#option:selected").text() === 'UNITED STATES';
    var isNotUS = !isUS;

$(".somethingPick").click(function() {
if(isUS && $("#first_radio").prop('checked') === true){
    $('#something-div-0').click();
} else if(isUS && $("#second_radio").prop('checked') === true){
    $('#something-div-2').click();
} else if(isUS && $("#third_radio").prop('checked') === true){
    $('#something-div-4').click();
} else if(isNotUS && $("#first_radio").prop('checked') === true){
    $('#something-div-1').click(); 
} else if(isNotUS && $("#second_radio").prop('checked') === true){
    $('#something-div-3').click(); 
} else if(isNotUS && $("#third_radio").prop('checked') === true){
    $('#something-div-5').click();
});
});
}); 
</script>

Can you tell me what I'm doing wrong?

UPDATE

I updated the JQuery in my jsfiddle. I'm almost there. I can get 3 of them working. I just need help with the other 3.

Here''s my jsfiddle too: https://jsfiddle.net/mjreno/r99qom5v/31/

Answer 1

Basically your code works, but I see an error while loading jQuery 1.6.4:

Blocked loading mixed active content into console

Sincerely I don't know why it gave this error, so I changed jQuery version to last and it loads without problems.

However I slightly edited your code to be cleaner

$(document).ready(function() {

var isUS = $("#option").val() === 'UNITED STATES';
var isNotUS = !isUS;

$("#option").change(function() {
    isUS = $("#option").val() === 'UNITED STATES';
    isNotUS = !isUS;
    checkRadio();
});

$(".somethingPick").click(function() {
    checkRadio();
});

function checkRadio() {
    $('.something input[type=radio]').removeAttr('checked');

    if(isUS && $("#first_radio").prop('checked')){
        $('#US_1').click();
    } else if(isUS && $("#second_radio").prop('checked')){
        $('#US_2').click();
    } else if(isUS && $("#third_radio").prop('checked')){
        $('#US_3').click();
    } else if(isNotUS && $("#first_radio").prop('checked')){
        $('#NOTUS_1').click();
    } else if(isNotUS && $("#second_radio").prop('checked')){
        $('#NOTUS_2').click();
    } else if(isNotUS && $("#third_radio").prop('checked')){
        $('#NOTUS_3').click();
    }
}

});

Here is the JSFiddle .