当我们在datepicker中选择日期时,如何取消选中单选按钮?

时间:2014-01-09 12:45:30

标签: jquery kendo-ui datepicker

我使用kendo ui创建了一个日期选择器,并且我有一些单选按钮。最初单选按钮设置为已选中,现在我需要的是如果我从datepicker中选择一个日期我需要取消选中单选按钮..下面是我的代码

  <input type="radio" id="rdthisweek" name="rdall" value="This Week" onclick="enable()" />This Week
  <input type="radio" id="rdthismonth" name="rdall" value="This Month" onclick="enable()" />This Month
  <input type="radio" id="rdthisquarter" name="rdall" value="This Quarter" onclick="enable()" />This Quarter

这是我的剑道ui日期选择器

@(Html.Kendo().DatePicker()
          .Name("datepicker1")
        //.Events(e=>e.Open("Open"))
          .HtmlAttributes(new { style = "width:200px"  })
    )

告诉我如何使用jquery取消选中单选按钮

1 个答案:

答案 0 :(得分:1)

您需要使用

function startChange() {
   $('input[name="rdall"]')prop('checked',false);
}

关于kendo ui datepicker的选择事件

     var start = $("#start").kendoDatePicker({
                    change: startChange
                }).data("kendoDatePicker");

或者

 @(Html.Kendo().DatePicker()
      .Name("datepicker1")
    //.Events(e=>e.Open("Open"))
      .HtmlAttributes(new { style = "width:200px"  })
      .Events(e => e.Change("startChange"))  
)