如果选中复选框，如何将下拉列表设置为“if...AND...”上的必填字段jquery 中的条件？

Question

我需要解决这个问题：

当勾选复选框（“Session1”）时，应从下拉列表中填充“选择”列表（“课程”），条件是“复选框”被选中/“true”并且“选择列表”为空，则应填充“选择列表”。反之亦然。

现在我的表单中有这个 jquery 代码：

$("#Session1").click(function () {
        {
    if($("#Session1").attr("checked")==true)
{
    alert("Course field is required");
}

}
    });

非常感谢您的帮助！

Answer 1

$('#session1').change(function(){
   $('#session1_list').toggle('show');
});

$('#submit').click(function(){
    if($('#session1').is(':checked'))
    {
        if($('#session1_list').val().length < 1)
        {
            alert('Please select a course');
            return false;
        } 
    } 

    alert('form posted ok');
});

演示： http://jsfiddle.net/AlienWebguy/n4xZU/

要强制启用所需的复选框，只需选中如果需要：

$('#session1').change(function(){
    if($(this).is(':required') && !$(this).is(':checked'))
    {
        alert('Session1 is required!');
        $(this).prop('checked',true);
        return false;
    }
});

演示：http://jsfiddle.net/AlienWebguy/n4xZU/2/

Answer 2

这是您可以使用的东西，您只需要做一些工作即可根据您想要的任何逻辑填充下拉列表。

$("#Session1").click(function ()
{
   if($(this).is(":checked"))
   {
      alert("Course field is required");
   }
});