如何在选中复选框时发出警报，告诉用户使用Jquery选择相应的下拉列表？

大家好，我有一些复选框，每个复选框都有相应的下拉列表。我想做的是

    **when a user checks a checkbox without selecting the dropdown i have to give an alert saying select any value..
    **when a user selects value from the dropdown make the corresponding checkbox checked
    **and if the user unchecks the checkbox set the dropdown value to default 

我的html如下所示

      @foreach(var item in Model.Resources)
       {
       <div class="select">
          <label class="label">
            <input type="checkbox" value="@item.Text" id="@item.value"/>
          </label>
         <div>
             <select id="quantity">
                <option value="">--select Quantity--</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>

            </select>
        </div>
       </div>  
       }

@foreach（Model.Resources中的变量项）
{
--选择数量--
1.
2.
3.
}

---

有人能帮我做这件事吗这是我的第一篇堆栈溢出文章，我是个初学者。我想我应该尝试一下，到目前为止，这似乎是可行的。我使用了我自己的表格和身份证，但我认为：

<form action="" method="post" name="order" id="order">
<fieldset>
    <div>
    <input name="check1" type="checkbox" id="check1" value="checked">
    </div>
    <div>
        <label for="country" class="label">Country</label>
        <select id="menu1">
            <option value="">--select Quantity--</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
    </div>
    <div>
    <input id="webform_submit_button" value="Submit!" type="submit" class="submit" data-default-text="Sign up!">
    </div>
</fieldset>
</form>

国家
--选择数量--
1.
2.
3.

以下是我添加的Jquery：

<script>
$(function() {
    function formStuff($check,$menu) {
        $check.click(function() {
            var checkIfChecked = $check.attr('checked');
            if (checkIfChecked == 'checked') {
                if ($menu.val("")) {
                    alert("Please select a value");
                    $check.attr('checked',false);
                }
            } else {
                $menu.val('');
            }
        }); //end click
        $menu.click(function() {
            var hasValue = $menu.val();
            if (hasValue != '') {
                $check.attr('checked',true);
            } else {
                $check.attr('checked',false)
            }
        }); //end click
    }
    formStuff($('#check1'),$('#menu1'));
}); //end ready
</script>

$（函数（）{
函数formStuff（$check，$menu）{
$check.click（函数（）{
var checkIfChecked=$check.attr（'checked'）；
if（checkIfChecked==“checked”）{
如果（$menu.val（“”））{
警报（“请选择一个值”）；
$check.attr（'checked'，false）；
}
}否则{
$menu.val（“”）；
}
})；//结束单击
$菜单。单击（函数（）{
var hasValue=$menu.val（）；
如果（hasValue！=''）{
$check.attr（'checked'，true）；
}否则{
$check.attr（'checked'，false）
}
})；//结束单击
}
formStuff（$（'check1'），$（'menu1'）；
}); //准备就绪

我没有在提交时添加验证，但因为这不是问题的一部分，我想我会保持简单。希望这有帮助！

---

*更新为一个函数，以便您可以将其应用于其他表单元素。

THan…为什么需要该复选框？希望这不仅仅是为了和用户玩：）如果给每个select元素赋予相同的id，那么您正在创建无效的html。您要显示的警报是否仅在提交时显示？如果在单击复选框时立即发生，那将非常恼人。