Question

我是js的新手，我正在努力完成这项任务，有人请给我一点帮助.. 这是我的代码：

<td><input type="radio" name="nr[1]" value="1" class="col"></td>
<td><input type="radio" name="nr[2]" value="2" class="col"></td>
<td><input type="radio" name="nr[3]" value="3" class="col"></td> 
<td><input type="radio" name="nr[4]" value="4" class="col"></td>

这里我得到了隐藏的输入，我需要填充来自js onchange事件的值。

 <input type="hidden" name="row_col_nr[5]" value="0" class="row_nr">

这里我有我的js代码：

var row_col_nr = null;
$(".col").on("change", function () {
   row_col_nr = $( this ).val();
   alert(row_col_nr); // gives me the value of input that I select

});

我的问题是，我不知道如何接受row_col_nr价值并放到hidden input我不知道我是否正确告诉我什么是我的问题..如果有人理解我，你能不能请给我一点帮助..

Answer 1

要设置隐藏输入的值，请使用以下代码：

$(".row_nr").val(row_col_nr)

下面的工作演示

var row_col_nr = null;
$(".col").on("change", function() {
  row_col_nr = $(this).val();
  alert(row_col_nr); // gives me the value of input that I select
  $(".row_nr").val(row_col_nr)
  console.log("the value of the hidden input is: " + $(".row_nr").val())
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td><input type="radio" name="nr[1]" value="1" class="col"></td>
<td><input type="radio" name="nr[2]" value="2" class="col"></td>
<td><input type="radio" name="nr[3]" value="3" class="col"></td>
<td><input type="radio" name="nr[4]" value="4" class="col"></td>

<input type="hidden" name="row_col_nr[5]" value="0" class="row_nr">

Answer 2

var row_col_nr = $('[name^="nr"]').val();

希望这会有所帮助

Answer 3

给一个id，比如hidden_input到隐藏的输入，然后使用下面的代码：

$(#hidden_input).val(row_col_nr );

如果您不想添加ID，可以使用以下内容：

$('input[value=row_col_nr][name="row_col_nr[5]"]')

Answer 4

$('form').on('submit', function(e){
    $('[name="retype-email"]').val($('[name="email"]').val());
    
    e.preventDefault()
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>Email:
    <input type="text" name="email">
    <br>
        <label>Hidden input: (visible for example purposes)</label><input name="retype-email">
    <br>
    <input type="submit" value="Submit">
</form>

以下是一个示例，您也可以访问URL

希望这会对你有所帮助。

Answer 5

将$('.row_nr').val(row_col_nr);用于存储到hidden input

var row_col_nr = null;
$(".col").on("change", function() {
  row_col_nr = $(this).val();
  alert(row_col_nr); // gives me the value of input that I select
  $('.row_nr').val(row_col_nr);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td><input type="radio" name="nr[1]" value="1" class="col"></td>
<td><input type="radio" name="nr[2]" value="2" class="col"></td>
<td><input type="radio" name="nr[3]" value="3" class="col"></td>
<td><input type="radio" name="nr[4]" value="4" class="col"></td>
Here I got the hidden input that I need to fill with values that come from the js onchange event..

<input type="hidden" name="row_col_nr[5]" value="0" class="row_nr">

使用值Javascript填充隐藏的输入

5 个答案: