Question

选中复选框时，我需要显示一行文本。我知道这很简单，但我是新手，当我尝试阅读这个问题的其他答案时，我迷路了。

这就是我所拥有的：

 function RiskPlanRqd()
  {
    $('#RiskMgmt').click(function()
    {
        if ($("#RiskMgmt").is(':checked')) 
        {
            $(".togglevisibility").show();
        } 
        else 
        {   
            $(".togglevisibility").hide();
        }
    }       )
  }

然后对于我有的复选框：

<input type="checkbox" id="RiskMgmt" />Risk Management Plan<br />

如果选中我想要显示的文字：

<td> <id="PlanStatus"; class="togglevisibility">Plan Status: </td>

Answer 1

快速修复...

您可以通过修正拼写错误和值检查来解决此问题......

if ($("#RiskMgmtPlan").val() == '1')应为if ($("#RiskMgmt").is(':checked')

同样Function应为function。

您还在复选框上输入了ID声明。

但是，你可以用lambda做到这一点......

$('#RiskMgmt').click(function(){
    if ($("#RiskMgmt").is(':checked')) {
        $("#PlanStatus").show();
        $("#CreatePlan").show();
        $("#NotStarted").show();
    } else {
        $("#PlanStatus").hide();
        $("#CreatePlan").hide();
        $("#NotStarted").hide();
    }
});

并且，您可以通过分配类来删除4行代码......

将class='togglevisibility'添加到您要显示的三个元素中。隐藏，然后将上面改为：

$('#RiskMgmt').click(function(){
    if ($("#RiskMgmt").is(':checked')) {
        $(".togglevisibility").show();
    } else {
        $(".togglevisibility").hide();
    }
});

Answer 2

简化版本..绑定事件，然后根据复选框状态切换可见性。

$('#RiskMgmt').change(function(e) {
    $("#PlanStatus, #CreatePlan, #NotStarted").toggle(this.checked);
});

Answer 3

jQuery(document).ready(function ($) {
    $('#RiskMgmt').bind('click',RiskPlanRqd);
});

应该工作。

可替换地：

<input type="checkbox" value "1" id="RiskMgmt" onclick="RiskPlanRqd();" />Risk Management Plan<br />

也应该有效。

Answer 4

试试这个：

$('#RiskMgmt').click(function(){
  if (this.checked) 
  {
    $("#PlanStatus").show();
    $("#NotStarted").show();    
  }
});

它不应该比这更难，如果选中复选框，则显示你想要的任何内容。

选中复选框时显示文本

4 个答案:

快速修复...