jquery not working

Resolved jessezy
(@jessezy)

9 years, 1 month ago

Hi,

I would like to disable the checkbox until the radio button is selected. I add in some additional JQuery to the form. It is working at the normal HTML page but not working in the contact form.

May I know what should I do?

Here is the new code I add in :

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script>
<script>
$(function() {
$(“#check_addon input”).attr(“disabled”, true);
});

$(function(){
$(‘input[type=”radio”]’).click(function(){
if ($(this).is(‘:checked’))
{
$(function() {
$(“#check_addon input”).attr(“disabled”, false);
});
}
});
});

</script>

Thank you

Regards,
Jess

Viewing 5 replies - 1 through 5 (of 5 total)

Shital Marakana
(@shital-patel)

9 years, 1 month ago
Hi, you can try below code.
```
(function($) {
    //my $ object is local now
   $(“#check_addon input”).attr(“disabled”, true);
   
   $(‘input[type=”radio”]’).click(function(){
	if ($(this).is(‘:checked’))
	{
		$(“#check_addon input”).attr(“disabled”, false);
	}
  });

})(jQuery);
```
Thread Starter jessezy
(@jessezy)

9 years, 1 month ago

Hi,

Tested. It’s only working while it’s in HTML. Once I added in the wordpress page. It’s not working anymore.
Thread Starter jessezy
(@jessezy)

9 years, 1 month ago
Hi,

I found that the script can’t add in the contact form 7, need to add in at the page.

Thank you for your help. 🙂
- This reply was modified 9 years, 1 month ago by jessezy.
Thread Starter jessezy
(@jessezy)

9 years, 1 month ago
Hi All,

sorry that another problem. If I add in this jquery :

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script>

[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

The form is working. But my slider not working. If I remove this JQuery, the form is not working. 🙁

what should I do?
- This reply was modified 9 years ago by bdbrown.
ruymanbr
(@ruymanbr)

9 years ago
Hi @jessezy

I have your solution. Do this exactly, very carefully:

First, create a “.js” fille inside a folder called “js” inside your child-theme (important to have a child theme so it won’t brake or be lost in the next update).

Let’s say: “scriptNameHere.js”

Forget jquery.min file… it’s already loaded by your theme, almost certain.

Your code isn’t properly done. First, … identation for good sake!

Then, You’ll need to use something like this:
```
jQuery(document).ready(function($) {

    // vars here

    // your functions here 

}
```
in that “scriptNameHere.js” file

Finally you’ll need to call the “js” file in your childtheme’s functions.php using an action:
```
function add_custom_script() {
    wp_enqueue_script( 'scriptNameHere', get_stylesheet_directory_uri() . '/js/scriptNameHere.js', array ( 'jquery' ), 1.0, true);
}
add_action( 'wp_enqueue_scripts', 'add_custom_script' );
```
Voilà!!

Hope that helps.