Question

this doesn’t seem to work, and resets checked…would like to only update if checked

<iframe id="time" name="time" type="text/html" src="http://time.is/"></iframe>

<form id="url" onsubmit="" method="post">
<input type="text" name="target" id="target" value="http://time.is" size="40"></form>

<input type="checkbox" name="check1" />

$('.url').submit {
    if($('input[name="check1"]', this).is(':checked')) {
        document.getElementById(time).src = url;
    } else {
        alert('no');
    }
    return false;
});

http://jsfiddle.net/ZZe5X/57/

Answer 1

There are multiple errors:

1.you need to add submit button inside html form (or have a way to trigger form submission with JavaScript), something like this:

<input type="submit"/>

2.the varible url is undefined, you may add the following line in the JavaScript

var url = $('#target').val();

3.

document.getElementById(time).src = url;

should be

document.getElementById('time').src = url;

4.change the first line of script from

$('.url').submit {

to

$('#url').submit(function() {

5.as Trinh Hoang Nhu said, check box should be inside form because you are using

if ($('input[name="check1"]', this)...

Here’s the updated test