Disable stock input if custom checkbox is checked - php

Question

I created a custom checkbox in inventory tab in woocommerce simple product. The goal is, when "Manage stock" is checked and the "Stock quantity" input is visible, this checkbox (if is checked) to disable the "Stock quantity" input using jquery but i am not able to achieve that.
I was able to make ti work for each variation, in variable product, using thw bellow code but i can't make it work for simple product.
add_action( 'admin_footer', 'custom_checkbox_variations_js' );
function custom_checkbox_variations_js() {
global $post_type;
if ( 'product' === $post_type ) :
?><script type='text/javascript'>
jQuery( function($) {
$('#variable_product_options').on( 'change', function(){
$('input.disable_stock_input').each( function(){
if($(this).is(':checked') ){
$(this).closest('div').find('.wc_input_stock').prop('disabled',
true);
}
else {
$(this).closest('div').find('.wc_input_stock').prop('disabled',
false);
}
});
});
});
</script><?php
endif;
}
The screenshot shows the custom checkbox that when is checked the "stock quantity" input should be disabled.
The id of custom checkbox is #disable_stock_input
The custom checkbox has been declared using the bellow code for simple products.
add_action( 'woocommerce_product_options_stock_status',
'display_product_options_inventory_custom_fields', 20 );
function display_product_options_inventory_custom_fields() {
global $post;
echo '</div><div class="options_group">'; // New separated
section
// Checkbox
woocommerce_wp_checkbox( array(
'id' => 'disable_stock_input',
'name' => 'disable_stock_input',
'label' => __( 'Custom Checkbox', 'woocommerce' ),
'description' => __( 'Custom Checkbox info', 'woocommerce' ),
'class' => 'checkbox disable_stock_input',
'desc_tip' => true,
));
// Get the checkbox value
$checkbox = get_post_meta( $post->ID, 'disable_stock_input', true );
add_action( 'woocommerce_process_product_meta',
'save_product_custom_fields' );
function save_product_custom_fields( $post_id ) {
// 1. readonly checkbox
$readonly = isset( $_POST['disable_stock_input'] ) ? esc_attr(
$_POST['disable_stock_input'] ) : '';
update_post_meta( $post_id, 'disable_stock_input', $readonly );
}
Ansering my own question, i managed to do that with the bellow code.
add_action( 'admin_footer', 'custom_admin_product_simple_js' );
function custom_admin_product_simple_js() {
global $post_type;
if ( 'product' === $post_type ) :
?><script type='text/javascript'>
jQuery( function($) {
$(document).on('click', function(){
if ( $('#disable_stock_input').is(':checked') ) {
$("#_stock").prop('disabled', true);
} else {
$("#_stock").prop('disabled', false);
}
})
});
</script><?php
endif;
}