通过jquery添加到复选框中的选中值

时间:2013-07-05 15:50:59

标签: javascript jquery

您好我正在尝试添加选中的复选框值,因此请保留所选值,但添加其他选定值。但是该属性不会添加选定的值。这是我的尝试(p.s我将如何删除所选的值并保持选择现有值?)谢谢

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

            var values = $('input:checkbox:checked.ssremployeeids').map(function () {
                return this.value;
            }).get(); 

         $('.ssremployeeid').attr('selected',values);


       <div class="grs-multi-select-area" style="height:120px;width:150px;">
  <div class="grs-multi-select-box ">
  <input id="ssrBox" class="ssremployeeid" type="checkbox" name="ssremployeeid[]"
 value="1312">
      Amanda Becker
   </div>
   <div class="grs-multi-select-box "> // same as above I just collapsed it for viewing purposes
   <div class="grs-multi-select-box ">
   <div class="grs-multi-select-box ">
   </div> //closes main div 

    });

1 个答案:

答案 0 :(得分:1)

我仍然不确定我是否正确地理解了你的问题,但基于我所理解的一个你可以尝试的东西:

示例小提琴: http://jsfiddle.net/HFULf/1/

<强> HTML

<div id="div1">
      <input type="checkbox" name="cb1" value="val1" checked="checked" />
      <input type="checkbox" name="cb2" value="val2"/>
      <input type="checkbox" name="cb3" value="val3"/>
</div>
<div id="div2">
      <input type="checkbox" name="cb1" value="val1"/>
      <input type="checkbox" name="cb2" value="val2"/>
      <input type="checkbox" name="cb3" value="val3"/>
</div>

<button id="btn1">Add Selected</button>
<button id="btn2">Remove Selected</button>

<强>的jQuery

//add selected values from first set of check-boxes to the second set
$('#btn1').click(function(e){
    $('div#div1 input[type="checkbox"]:checked').each(function(){   
        $('div#div2  input[type="checkbox"]').eq($(this).index()).prop('checked',true);
    });
});

//remove values from second set of check-boxes if selected in first one
$('#btn2').click(function(e){
    $('div#div1 input[type="checkbox"]:checked').each(function(){   
        $('div#div2  input[type="checkbox"]').eq($(this).index()).prop('checked',false);
    });
});

希望,如果不能完全解决您的问题,这将对您有所帮助。