Question

Htlm如下：

<table class="tablesorter">
 <g:each in="${vehicleInstanceList}" status="i" var="vehicleInstance">
 <tr class="${(i % 2) == 0 ? 'odd' : 'even'}" id ="rows">
    <td >
      <g:checkBox id = "isActive_${i}" class="isActive" name="isActive"  value="${vehicleInstance?.isActive}" />
      <input type="hidden" value="${vehicleInstance?.id}" name="vehicleId" id="isActive_${i}_" />
     </td>
</tr>

和Jquery：

  $(".isActive").click(function() {
     var checkBox_id = $(this).attr("id");            // getting the id of checkbox
     var isActive =          // get the value of checkbox
     var  vehicleId  =      // get the value of hidden input element

  });

我必须得到复选框和隐藏输入元素的值我该怎么办？ isActive是一个布尔类型，我希望以真/假的方式回答，如果选中则为true，否则为false

  var isActive = $('#'+checkBox).is(':checked');  i have tried to get value of checkbox but it always gives output as false

Answer 1

$("#elementID").val();将获取所选元素的值。对于复选框，您可以使用$(this)作为选择器，就像获取id一样。

Answer 2

试试这个。

var isActive =          $(this).is(":checked");
var  vehicleId  =      $(this).closest("td").find(":hidden").val();

Answer 3

请试试这个：

获取复选框的父级，该复选框实际上也是隐藏的父级。
在父级中查找隐藏字段。

简单......！

示例代码段

 $('.isActive').click(function(){

        var isActive = $(this).is(':checked');

        console.log(isActive);

        var _vehicle = $(this).parent().find('input[type=hidden]').val();

        console.log(_vehicle);


    });

帮助的小提琴链接：http://jsfiddle.net/baELR/2/

获取Checkbox和隐藏输入元素的值

3 个答案: