时间戳

首页 > 解决方案 > 获取输入文本框中的值，来自侧服务器的 id

javascript - 获取输入文本框中的值，来自侧服务器的 id

问题描述

朋友们。

我有以下输入，在这种情况下来自服务器端的值是“Y”，想法是复选框在“Y”时变为选中状态，但脚本对我不起作用。

谢谢

<input type="checkbox" name="choice-animals" id="choice">

var variable = $('#choice').val();
       console.log("----+++" + variable);

       $(document).ready(function () {
           $('input[id="choice"]').each(function (index) {
             
               


               if ($(this).val()=="Y")
                   ($(this).prop('checked', true));
               else
                   ($(this).prop('checked', false));

           });
       });

Console.log 返回

标签： javascriptc#htmljquery

解决方案

在你的代码中修复几件事：

  1. 如果您碰巧有多个复选框，请确保它们具有唯一索引。在 HTML 语法中，一个 id-attribute 值应该只在该页面上出现一次，因此它不应该用于为该类选择多个元素，或者 data-attribute 更好。我提供了替代代码来选择所有复选框-

  2. 要检查输入是否实际具有 .val()，它需要具有值属性。

  3. If else 语法使用 () 作为条件，您的代码应该在 {} 内

var options = $('input[type="checkbox"]')

options.each(function(e){
  if($(this).val() === "Y") {
    $(this).prop('checked', true)        
  } else {
    $(this).prop('checked', false)
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label>
  Choice 1
  <input type="checkbox" name="choice-animals" value="Y">
</label>

<label>
  Choice 2
  <input type="checkbox" name="choice-animals" value="X">
</label>

推荐阅读