在发布之前通过另一个输入更改输入值

时间:2014-04-18 04:03:27

标签: javascript html

好的,我有一个简单的形式,但"价值"对于发动机制造需要根据所选位置的不同而有所不同!让我们说如果我选择Austraia,引擎制造的价值应该是1但是如果美国的价值应该是6。

我需要可以根据位置更改值的javascript,基本上每个引擎make都需要两个值!

     <input type="radio" id="enginemake1" name="enginemake" value="6" checked/><label for="enginemake1">Chevrolet</label><br>

     <input type="radio" id="enginemake3" name="enginemake" value="7"/><label for="enginemake3">Ford</label><br>


     <input type="radio" id="location1" name="location" value="us" checked/><label for="location1">America</label><br>
     <input type="radio" id="location2" name="location" value="au"/><label for="location2">Australia</label><br>

2 个答案:

答案 0 :(得分:-1)

将代码放在&#34; head&#34;标记:

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

   <script>
    $(document).ready(function () {
        $("#yourButton").on("click", function () {
            $("input[name='location']").each(function () {
                if ($(this).is(":checked") && $(this).val()=="au") {

                    $("input[name='enginemake']").removeAttr("checked");
                    $("#enginemake3").attr("checked", "checked");
                }
                if ($(this).is(":checked") && $(this).val() == "us") {

                    $("input[name='enginemake']").removeAttr("checked");
                    $("#enginemake1").attr("checked", "checked");
                }

            });

        });

    });
</script>

答案 1 :(得分:-2)

$("#location1").change(function(){
    if($(this).is(':checked')){
        $("#enginemake1").val(1);
    }
})
$("#location2").change(function(){
    if($(this).is(':checked')){
        $("#enginemake1").val(6);
    }
})