Can I include <script> inside a html tag ?

[FY Hsieh]

<input type="radio"
<script> document.write(getIfChecked()); </script>
/><label>City</label>


<script>
function getIfChecked() {
if(..) return "checked";
else return "";

}

</script>

Here I meant to create a radio input and use a javascript code to decide if I need to make it "checked".
But it does not work. How do I accomplish this ?

[Eric Pascarello]

If it is happening when the page is rendering it should work.

Have you tried it? What errors are you getting? Why are you not doing it on the server?

Eric

[Bear Bibeault]

It doesn't render correctly in any browser I tried.

The point is: this is not the way to do it.

As Eric said, if you can make this determination on the server, it should be handled there. If not, then you can add the attribute under script control on the client, but not with embedded script tags or document.write().

Using jQuery, it'd be as easy as:

if (whatever) $('#idOfInput').attr('checked',true);    

Without jQuery, you'd use the native setAttribute() method.

[FY Hsieh]

I am really not sure how you can use

setAttribute()

to create the html dynamically. Could you just use my simple code snippet to show how that "checked" can be dynamically handled ?

Thanks.

[Bear Bibeault]

FY Hsieh wrote:I am really not sure how you can use

setAttribute()

to create the html dynamically.

You can't use it to create general HTML, but you can certainly use it to add the checked attribute to an element.

Where is your code that's not working?

[Kerry Wilson]

Your problem may be that you are defining the script method after you use it.

Try this

<input type="radio" id="myRadio" />
<script type="text/javascript">
  document.body.onload = function() {
    document.getElementById('myRadio').checked = (determine if checked or not);
  };
</script>

However, this a very crude method to get this behaviour. Do it on the server or use jquery.

With jquery:

$(document).ready(function() { $('#myRadio').setAttr('checked',(determine if checked or not)) });