-1

我创建了一个带有复选框的表单。当用户选择请求的复选框并点击提交按钮时，它将以网页链接的形式返回值。我可以显示要显示的项目，但不知道如何使用查询正确编写 url 值。任何帮助将非常感激。

  <form>
  <br>
  <input type="checkbox" name="http://www.google.com" name="check" value="Option 1" id="ch1">
  <label for="ch1">Checkbox 1</label>

  <input type="checkbox" name="http://www.yahoo.com"name="check" value="Option 2" id="ch2">
  <label for="ch2">Checkbox 2</label>

  <input type="checkbox" name="http://www.weather.com" value="Counseling Services" id="ch3">
  <label for="ch3">Checkbox 3</label>

  <input type="checkbox" name="http://www.cnn.com" value="Financial Aid" id="ch4">
  <label for="ch4">Checkbox 4</label>

  <input type="checkbox" name="http://www.foxnews.com" value="Fitness and Recreation" id="ch5">
  <label for="ch5">Checkbox 5</label>

  <input type="checkbox" name="http://www.gmail.com" value="Health Services" id="ch6">
  <label for="ch6">Checkbox 6</label>
  </form>

  <button>Show Results</button>
  <p>Results:<span id="results"></span></p>

  function showValues() {

  var fields = $( ":input" ).serializeArray();
  $( "#results" ).empty();
  jQuery.each( fields, function( i, id, name ) {
  $( "#results" ).append(' <a href= "input.name" > ' + id.value + " " );
  });
  }

  $( "button" ).click( showValues );
  $( "select" ).change( showValues );
  showValues();

这是我的 JFiddle。

4

2 回答 2

1

尝试

function showValues() {

    var fields = $(":input").serializeArray();
    $("#results").empty();
    jQuery.each(fields, function (idx, obj) {
        $("#results").append('<a href= "' + obj.name + '" >' + obj.value + "</a>");
    });
}

演示：小提琴

于 2013-09-20T01:01:38.187 回答
0

在 value 属性中写入 url，它将起作用

value 属性指定提交表单时要发送到服务器的值

<form>
 <br>
  <input type="checkbox"  name="check[]" value="http://www.google.com" id="ch1">
  <label for="ch1">Checkbox 1</label>
  <br/>

   <input type="checkbox" name="check[]" value="http://www.yahoo.com" id="ch2">
   <label for="ch2">Checkbox 2</label>
  <br/>

  <input type="checkbox" name="check[]" value="http://www.weather.com" id="ch3">
  <label for="ch3">Checkbox 3</label>
  <br/>

  <input type="checkbox"name="check[]" value="http://www.cnn.com" id="ch4">
  <label for="ch4">Checkbox 4</label>
  <br/>

   <input type="checkbox" name="check[]" value="http://www.foxnews.com" id="ch5">
   <label for="ch5">Checkbox 5</label>
       <br/>

   <input type="checkbox" name="check[]" value="http://www.gmail.com" id="ch6">
   <label for="ch6">Checkbox 6</label>
      <br/>
</form>
<br/>
<button>Show Results</button>
<p>Results:<span id="results"></span></p>

如果需要，在名称中添加括号以存储为数组

有用的链接

于 2013-09-20T01:00:59.787 回答