文章/答案/技术大牛

发布

社区首页 >问答首页 >检查特定的单选按钮，但不起作用

问检查特定的单选按钮，但不起作用
EN

Stack Overflow用户

提问于 2016-06-06 17:33:21

回答 3查看 379关注 0票数 0

我希望在单选按钮选中时显示ptext，并在另一个单选按钮处于活动状态但不工作时隐藏。

这是我的密码：

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  </head>
  <body>
    <input id="postageyes" name="type" value="Paint" type="radio">Paint
    <br>
    <input id="postageno" name="type" value="Sculpture" type="radio">Sculpture
    <br>
    <input id="postageno" name="type" value="calligraphy" type="radio">calligraphy
    <br>
    <input id="stext" name="type" value="type" type="text"><br>
    <input id="ctext" name="type" value="type" type="text"><br>
    <input id="ptext" name="type" value="type" type="text">
    <script type="text/javascript">

      $('input:radio[name="postage"]').change(function() {
        if ($(this).val() == 'Paint') {
          $("#ptext").show();
        } else {
          $("#ptext").hide();
        }
      });

    </script>



  </body>
</html>

radio-button

jquery

html

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-06-06 17:39:11

您有两个主要的问题：

id的值应该是唯一的。
没有以input作为postage的name。
Extra:更好地在加载页面时隐藏ptext。

将name更改为postage

<input id="postageyes" name="postage" value="Paint" type="radio">Paint
<br>
<input id="postageno1" name="postage" value="Sculpture" type="radio">Sculpture
<br>
<input id="postageno2" name="postage" value="calligraphy" type="radio">calligraphy

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="postageyes" name="postage" value="Paint" type="radio">Paint
<br>
<input id="postageno1" name="postage" value="Sculpture" type="radio">Sculpture
<br>
<input id="postageno2" name="postage" value="calligraphy" type="radio">calligraphy
<br>
<input id="stext" name="type" value="type" type="text"><br>
<input id="ctext" name="type" value="type" type="text"><br>
<input id="ptext" name="type" value="type" type="text">
<script type="text/javascript">
  $("#ptext").hide();
  $('input:radio[name="postage"]').change(function() {
    if ($(this).val() == 'Paint') {
      $("#ptext").show();
    } else {
      $("#ptext").hide();
    }
  });

</script>

另外，在加载文档时最好将其隐藏起来。参见上面的示例。

票数 1

Stack Overflow用户

发布于 2016-06-06 17:41:07

您必须在jQuery中传递错误的单选按钮名，请检查下面的代码好吗？

<script type="text/javascript">

    $('input:radio[name="type"]').change(function() {
      if ($(this).val() == 'Paint') {
        $("#ptext").show();
      } else {
        $("#ptext").hide();
      }
    });

</script>

票数 0

Stack Overflow用户

发布于 2016-06-06 17:46:43

html --修复只在名称属性中，因为html中写的是“类型”，而不是“邮资”

<input id="postageyes" name="postage" value="Paint" type="radio">Paint
    <br>
    <input id="postageno" name="postage" value="Sculpture" type="radio">Sculpture
    <br>
    <input id="postageno" name="postage" value="calligraphy" type="radio">calligraphy
    <br>
    <input id="stext" name="type" value="type" type="text"><br>
    <input id="ctext" name="type" value="type" type="text"><br>
    <input id="ptext" name="type" value="type" type="text" style="display:none">

javascript -javascript如果工作，我只会给您推荐，并且是，使用文档就绪

$(document).ready(function() {

    $('input:radio[name="postage"]').change(function() {
        if ($(this).val() == 'Paint') {
          $("#ptext").show();
        } else {
          $("#ptext").hide();
        }
      });

});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37663563

复制

相似问题

问检查特定的单选按钮，但不起作用
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检查特定的单选按钮，但不起作用EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检查特定的单选按钮，但不起作用
EN