Reference HTML Elements by name (with square brackets in them) via javascript

forms, html, javascript, jquery

Solution

Thanks for the help, here is the final code I used

$("input[name='customfield[4]']").click(

    function()
    {
        if ($("input[name='customfield[4]']").is(":checked"))
        {
            $("#addons").hide();
        }
        else
        {
            $("#addons").show();
        }
    }
);

Problem

Hey everyone, I am trying to hide/show different html elements (div, etc...) based on whether a checkbox is checked or if a specific value is chosen from a dropdown box. I was wondering if someone can help me out. The html element is defined along the lines of this (below), and i'm not sure how to reference it by name with brackets in it. The page i'm using has jquery enabled, and i'd like to use it if possible. Thanks! ``` <input type="checkbox" name="addons[2]" /> ``` Also - I cannot modify the checkbox's code.

Original source