基于 Toggle Jquery 添加 HTML [英] Add HTML based on Toggle Jquery

问题描述

我有一个开关，是为我要上班的班级制作的.我需要根据切换状态添加隐藏的 HTML .. 基本上它需要提交带有按钮状态的表单.. 这是获取它的最佳方式吗?我也在张贴表格.

I have a toggle that was just made for a class I am getting to work. I need to add in hidden HTML based upon the toggle state.. Basically it needs to submit with the form with the state of the button.. Would this be the best way to grab it? I am posting the form also.

这是我所拥有的..当我点击按钮时，它会添加示例文本，但是当我再次点击时我需要它消失..

Here is what I have.. When I click the button, it adds the example text, but I need it to go away when I click again..

 $(document).ready(function () { 

    $(".visibilitybutton").click(function(){
        $(this)
            .toggleClass("hide")
            .find("span").toggleClass("icon84 icon85")
            $('.buttons_secondary').append("<input type='hidden'>");
    });

 });

推荐答案

您可以像这样删除通过 id 或 class 附加的 html:

You can remove the html you append by id or class like so:

$('.buttons_secondary').append('<input id="hdf_Test" class="hidden" type="hidden" />');

// Remove by class
$('.buttons_secondary').find('.hidden').remove();

// OR Remove by id
$('.buttons_secondary').find('#hdf_Test').remove();

基于你之前的问题，我认为你应该试试这个:

Based off of your previous question, I think you should try this:

$(document).ready(function () { 
    $('.button').toggle(function() {
          var $button = $(this);

          $button.prop("title","Invisible");
          $button.find('.icon85').toggleClass('icon85 icon84');
          $('.buttons_secondary').append('<input id="hdf_Test" class="hidden" type="hidden" />');
    }, function() {
          var $button = $(this);

          $button.prop("title","Visible");
          $button.find('.icon85').toggleClass('icon84 icon85');

          // Remove by class
          $('.buttons_secondary').find('.hidden').remove();

          // OR Remove by id
          $('.buttons_secondary').find('#hdf_Test').remove();
    });
 });

这篇关于基于 Toggle Jquery 添加 HTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！