or
<
ul
class
=
"mainnav hover-list submenu hidden"
>
<
li
id
=
"liHome"
class
=
"first"
><
a
href
=
"/"
>Settings</
a
></
li
>
<
li
id
=
"liBusiness"
><
a
href
=
"/business"
>Product Setup</
a
>
</
li
>
</
ul
>
<
div
id
=
"tabstrip"
style
=
"height:400px"
>
<
ul
>
<
li
class
=
"k-state-active"
>Setup</
li
>
<
li
>Products</
li
>
</
ul
>
<
div
>
<
div
class
=
"weather"
>
<
p
>
Rainy weather in Paris.</
p
>
</
div
>
</
div
>
<
div
>
<
div
class
=
"weather"
>
<
table
id
=
"grid"
class
=
"products"
>
<
thead
>
<
tr
>
<
th
style
=
"width: 40px"
>
<
input
type
=
"checkbox"
class
=
"select-all"
/>
</
th
>
<
th
data-field
=
"name"
>
Name
</
th
>
<
th
data-field
=
"sku"
>
Sku
</
th
>
<
th
data-field
=
"tags"
>
Tags
</
th
>
<
th
data-field
=
"AssociatedReward"
>
Product Assigned To
</
th
>
</
tr
>
</
thead
>
<
tbody
>
<
tr
>
<
td
colspan
=
"5"
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
</
div
>
</
div
>
<
div
class
=
"clear"
>
</
div
>
</
div
>
click: function (e) {
e.target ?
}
1.
$(document).ready(
function
() {
2.
ChangeDatePickersState();
3.
});
01.
function
ChangeDatePickersState() {
02.
var
input = $(
'#MyCheckbox:checked'
)
03.
var
bool = input.length != 0 ?
true
:
false
;
04.
EnableDatePickerForCheckbox(
'MyDatePicker'
, bool);
01.
function
EnableDatePickerForCheckbox(inputName, inputValue) {
02.
var
datePicker = $(
'#'
+ inputName).data(
"kendoDatePicker"
);
03.
if
(inputValue ==
true
) {
04.
datePicker.enable(
true
);
05.
}
06.
else
{
07.
datePicker.enable(
false
);
08.
datePicker.value(
null
);
09.
}
10.
}