Question

已编辑：我使用此代码从.datepicker

自动完成工作日字段

$(function() {
 $( "#dateeffective" ).datepicker({
  dayNames: [ "0", "1", "2", "3", "4", "5", "6" ],
  dateFormat: 'yy-mm-dd', 
  altField: "#weekday",
  altFormat: "DD"     
 });
});

当我选择一个日期时，它会在工作日的字段中显示工作日的数字（0表示星期日，1表示星期一...）但我需要的是，而不是填写文本字段，它应该从以下复选框中自动检查相应的日期（编辑复选框ID现在有[0,1,2 ...]（我不是如有必要，请注意保留工作日字段。

  <input required="required" type="checkbox" name="weekday[]" id="eventweekday0" value="0">Sun
  <input required="required" type="checkbox" name="weekday[]" id="eventweekday1" value="1">Mon
  <input required="required" type="checkbox" name="weekday[]" id="eventweekday2" value="2">Tue
  <input required="required" type="checkbox" name="weekday[]" id="eventweekday3" value="3">Wed
  <input required="required" type="checkbox" name="weekday[]" id="eventweekday4" value="4">Thu
  <input required="required" type="checkbox" name="weekday[]" id="eventweekday5" value="5">Fri
  <input required="required" type="checkbox" name="weekday[]" id="eventweekday6" value="6">Sat

我需要告诉javascript：如果工作日字段值更改为0，请检查星期日，如果更改为1，请检查星期一...

我确实尝试过：

$(document).ready(function returndaynumber(){
  var daynumber = document.getElementById("weekday");
  document.getElementById("eventweekday" +daynumber).checked = true;
});

但没有运气。我不知道如何修改我的代码以获得此结果。谢谢！

Answer 1

请参阅此处的逻辑： http://jsfiddle.net/78ajyyzj/

$('.myCheckbox')[index_of_selected_day].checked = true;

然后你可以使用选择项的id获取一个选项并选中/取消选中。

{{1}}

<强>更新

创建了一个你想要的示例jsfiddle：http://jsfiddle.net/mvLx59hb/22/

jquery.datepicker自动检查工作日复选框

1 个答案: