JSFiddle - React, Tailwind, and code Playground

by Norlihazmey Ghazali

HTML

<button id="button_link" disabled>hei</button>
<input type="checkbox" name="list_checkbox_ids[]">
<input type="text" id="frame" /> <i>tick checkbox and type something on input text</i>

<hr/>
<button id="button_link_1" disabled>hei</button>
<input type="checkbox" name="list_checkbox_ids_1[]" value="hello">

JavaScript

//first checkbox 
$(document).on('keyup', 'input[name="list_checkbox_ids[]"], #frame, input[name="del_list_ids[]"]', function () {
     $('#button_link').prop('disabled', !$('input[name="list_checkbox_ids[]"]:checked').length);
 });

//second checkbox
 $(document).on('click', 'input[name=\"list_checkbox_ids_1[]\"]', function () {
     if ($(this).is(':checked')) {
         $('#button_link_1').prop('disabled',false);
     }else{
         $('#button_link_1').prop('disabled',true);
     }
 
 });