javascript / jquery:隐藏和取消选中,选中选项/选项

时间:2014-09-19 09:37:47

标签: javascript jquery checkbox unchecked

以下代码从选中的复选框中获取所有值并将它们存储在数组中:

function SaveIt(id)
{
 var arrayCheckedCDs = $('input:checkbox[name="checkCD[]"]:checked').map(function () {        
    return this.value;
}).get();
}

这是html:

<form>
    <table id="cdsTable">  
    <tbody>
    <tr>

    <td>Id</td>
    <td>Artist</td>
    <td>Album</td>
    <td>Select</td>
    </tr> 

    <tr id="cd1">
    <td>1</td>
    <td>Jeff Buckley</td>
    <td>Grace</td>    
    <td><input type="checkbox" value="1|Buckley|Grace" name="checkCD[]" id="checkCD1"></td>
    </tr>

    <tr id="cd2">
    <td>2</td>
    <td>U2</td>
    <td>Zooropa</td>    
    <td><input type="checkbox" value="2|U2|Zooropa" name="checkCD[]" id="checkCD2"></td>
    </tr>
     .
     .                                          
    </tbody></table>

<input type="submit" onclick="javascript:SaveIt(id); return false;"value="submit">
<!-- the id in SaveIt(id) is 1 or 2 or ... I get it from my php script-->
</form>

在arrayCheckedCDs中存储值后,我需要隐藏选定的行并取消选中所选的检查。

隐藏很容易:

$('#cdsTable #cd'+id+'').hide();

但我不知道如何取消选中所选复选框,因为以下内容无效:

$('checkCD'+id+'').attr('checked', false);

感谢您的帮助!

0 个答案:

没有答案