如何取消选中复选框值。?有Id条件。?

时间:2016-10-22 09:06:33

标签: javascript php jquery checkbox

实际上我试图获取所有未经检查的复选框值但是title = 1 condition..please help.my jquery code is。

var uncheckedValues = $('input[type="checkbox"][name="ing[]"][title= "1"]:not(:checked)').map(function() { return this.value; }).get();

我的复选框代码是

 <input class="badgebox" type="checkbox" onClick="addprice(<?php echo $total; ?>,<?php echo $addingri->id; ?>,'<?php echo $pprod_material->name; ?>')" id="<?php echo $addingri->id; ?>" value="<?php echo $pprod_material->id; ?>*<?php echo $addingri->price; ?>*<?php echo $addingri->name; ?>" name="ing[]" <?php if($pprod_material->id == 1) {  echo "checked";} ?>  title="<?php echo $pprod_material->id; ?>" >

2 个答案:

答案 0 :(得分:2)

使用$("input[type='checkbox'][name='ing[]'][title= '1']:not(:checked)")选择器获取具有title="1"的所有未选中复选框。

请查看以下工作片段。

$(document).ready(function(){
  //On page load
  uncheckedChk();

  //on checkbox change
  $("input[type='checkbox'][name='ing[]'][title= '1']").on("change",function(){
    uncheckedChk();
  });
});

//Function to identify all the unchecked checkbox with title=1
function uncheckedChk(){
  var not_checked = []
  $("input[type='checkbox'][name='ing[]'][title= '1']:not(:checked)").each(function (){
    not_checked.push($(this).val());
  });
  console.log(not_checked);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="ing[]" value="check-1" title="1" checked><br/>
<input type="checkbox" name="ing[]" value="check-2" title="1" checked><br/>
<input type="checkbox" name="ing[]" value="check-2" title="1" ><br/>
<input type="checkbox" name="ing[]" value="check-3" title="1"><br/>
<input type="checkbox" name="ing[]" value="check-4" title="2" ><br/>
<input type="checkbox" name="ing[]" value="check-5" title="1" ><br/>

答案 1 :(得分:0)

jQuery不包含未经检查的选择器,这就是为什么我们必须反转:checked选择器:

类似的东西。

$("input:checkbox:not(:checked)")