如果选中一个复选框，如何在 jquery 中将下拉菜单设置为“if ... AND ...”条件的必填字段？

Question

我需要解决这个问题：

勾选复选框（“Session1”）时，如果“复选框”被选中/“真”和“选择列表”，则应从下拉列表中填写“选择”列表（“课程”）为空，则应填写“选择列表”。反之亦然。

现在我的表单中有这个 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");
   }
});