Question

我只知道我需要什么，但我不知道如何完成。

这是代码的逻辑，我真的希望你们中的一些人有解决方案。

如何在javascript或jQuery中创建一个能够执行以下操作的函数？

If that checkbox is selected, when the button is clicked redirect the user to another page by passing the value of the textarea in the URL.

这就是逻辑。

我们有三个要素。

1）复选框

2）输入类型按钮

3）textarea。

选中该复选框，用户点击该按钮，用户转到另一个页面，该URL将包含在textarea中找到的值。

即

http://mydomainname/page.php?ValueThatWasinTextArea=Hello World

你能帮助我吗？

我认为这对于javascript编码器来说很简单。

非常感谢

Answer 1

如果选中了复选框，您可以订阅表单的submit事件和内部测试，如果是，请使用window.location.href重定向到所需的网址：

$('#id_of_the_form').submit(function() {
    var value = encodeURIComponent($('#id_of_textarea').val());
    if ($('#id_of_checkbox').is(':checked')) {
        window.location.href = '/page.php?ValueThatWasinTextArea=' + value;
        return false;
    }
});

如果按钮不是提交按钮，您可以订阅此按钮的click事件并执行相同的逻辑。

Answer 2

$(function(){
  $(':button').click(function(){
     if($('input[type="checkbox"]').is(":checked")){
        window.location.href = "http://mydomainname/page.php?ValueThatWasinTextArea="+ $('textarea').val();
     }
  });
});

**当然，如果页面上有超过这三个元素，那么您将需要一些更具体的选择器

Answer 3

可能是一些语法问题，因为我在我的头顶编码

<input id="myCheckbox" type="checkbox" />

<button id="myButton" onClick="buttonClick" />

<input id="myTextArea" type="textarea" />

<script>

   function buttonClick()
   {
     var checkBox = document.getElementById('myCheckbox');
     var textArea = document.getElementById('myTextArea');


     if(checkBox.checked)
     {
        window.location = 'http://mydomainname/page.php?ValueThatWasinTextArea=' + textArea.value;
     }
   }

</script>

Answer 4

$(document).ready(function() {
    $('#btnSubmit').click(function() {
        if($('#chkBox').is(':checked')) {
           window.location = '/page.php?passedValue=' + $('#txtField').val();
        }
    });
};

...

<form>
    <p>
        <input type="checkbox" id="chkBox"> Checkbox</input>
    </p>
    <p>
        <input type="text" id="txtField" value="" />
    </p>
    <p>
        <input type="submit" id="btnSubmit" value="Submit" />
    </p>
</form>

Javascript逻辑问题

4 个答案: