Question

我想知道我应该如何通过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>

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

Answer 1

你可以这样做，

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

FIDDLE

Answer 2

然后试试这个：

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!
  }
}

Answer 3

尝试这样的事情：

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

Answer 4

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

$(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的版本更短了一段时间:)）

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

4 个答案: