Question

我有一个锚标记有id的页面。单击锚标记时，我将获取值为隐藏输入类型，再次单击相同的div后，应将其删除。选择将循环。请检查我的代码：

$(document).ready(function() {
    $(".get_category").on('click', function(){  
        var cat_id = $(this).attr('id');
        $("#categories"+cat_id).val(cat_id);
    })

});

https://jsfiddle.net/0zu17bn4/

Answer 1

这是一个小提琴：

每次点击我都会检查该值，如果可用，我将其删除，如果它不存在我将其删除。

补充：cat_id变量

https://jsfiddle.net/0zu17bn4/4/

$(".get_category").on('click', function(){  
        var cat_id = $(this).attr('id');
        $hiddenField =  $("#categories"+cat_id);
        if(!$hiddenField.val()){
            $hiddenField.val(cat_id);
        }
        else{
            $hiddenField.val("");
        }               
})

Answer 2

你需要添加这些行：

$(".get_category").on('click', function(){  
        var cat_id = $(this).attr('id');
        if ($("#categories"+cat_id).val() == '')
            $("#categories"+cat_id).val(cat_id);
        else
            $("#categories"+cat_id).val('');
})

Answer 3

每次点击锚点以检查值是否为空时，您必须对隐藏输入设置条件，如下所示：

$(".get_category").on('click', function(){	
	
    var cat_id = $(this).attr('id');
    var input_hidden = $("#categories"+$(this).attr('id'));
    
    if(input_hidden.val()=="")
    	input_hidden.val(cat_id);
    else
        input_hidden.val("");
    
    alert("Hidden input value ="+input_hidden.val()); 
    
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-2 col-sm-4 col-xs-6 home_s"> 
    <a class="get_category" id="36" href="javascript:void(0)">
        <img class="img-responsive img-center" src=""/>
        <span>test</span>
    </a>
</div>

<input type="hidden" name="categories[]" id="categories36" value=""/>

希望这有帮助。

Answer 4

 $(".get_category").on('click', function(){ 

    var cat_id = $(this).attr('id');
    if($("#categories"+cat_id).val() == "")
    {
        $("#categories"+cat_id).val(cat_id);
    }
    else
    {
         $("#categories"+cat_id).val("");
    }
 });

检查元素值是否为空。如果为空，则在其中添加值。否则从中移除价值。

如何在onclick上获取值并再次点击值应该在jquery中删除？

4 个答案: