如果输入字段的值= Sweden,则需要选中复选框

时间:2014-01-17 17:09:14

标签: javascript jquery html

我想知道我应该如何通过JavaScript解决这个问题,我正在尝试使用id =“needs-confirm-sweden”复选框字段,只要将“瑞典”一词插入到输入国家/地区。关于我如何能够解决这个问题的任何想法?。

<form>
   <input type="text" value="" id="country" />
   <input type="checkbox" id="needs-confirm-sweden" />
   <input type="submit" value="submit" />
</form>

谢谢,非常感谢您对此有任何帮助

4 个答案:

答案 0 :(得分:2)

你可以这样做,

$('form').on('submit',function(e){
    if(!$('#needs-confirm-sweden').prop("checked")&&$('#country').val().trim() === 'Sweden') {
      e.preventDefault();
      alert('Please confirm the checkbox!'); 
     }
});

FIDDLE

答案 1 :(得分:0)

然后试试这个:

if($('#country').val() == 'Sweden') { // if value is sweden
  if(!$('#needs-confirm-sweden').is(':checked') { // and checkbox is not checked
   alert('Please confirm the checkbox!'); // alert him, or not and so on!
  }
}

答案 2 :(得分:0)

尝试这样的事情:

$('#country').keyup(function () {
    if ($(this).val() == "Sweden" || $(this).val() == "sweden") {
        $("#needs-confirm-sweden").prop("required",true);
    } else {
        $("#needs-confirm-sweden").removeProp("required")
});

答案 3 :(得分:0)

我看到我花了很长时间写这篇文章..现在很多帖子:)

$(document).ready(function(){
    $('form').submit(function(e){

        if($('#country').val() == 'sweden')
        {
             if($('#needs-confirm-sweden').is(':checked'))
             {
                  alert('OK, you from sweden. fire event!');   
             }
            else
            {
                e.preventDefault();
                alert('sorry, you have to confirm first');
            }
        }
        else
        {
              alert('you are from somewere, just fire the event');   
        }
    });
});

较短版本

$(document).ready(function(){
    $('form').submit(function(e){
        if($('#country').val() == 'sweden')
        {
             if(!$('#needs-confirm-sweden').is(':checked'))
             {
                  e.preventDefault();
                  alert('sorry, you have to confirm first');  
             }
        }
    });
});

<强> FIDDLE

猜Pranav Ram的版本更短了一段时间:))