首页 > 代码库 > yii框架下使用bootstrap时,判断checkbox、radioButtonList和dropDownList的js方法

yii框架下使用bootstrap时,判断checkbox、radioButtonList和dropDownList的js方法

1、首先设置button按钮的id:

<span style="font-size:14px;">'htmlOptions'=>array('id'=>'buttonStateful')</span>

例如:

<span style="font-size:14px;">        <?php
            $this->widget('bootstrap.widgets.TbButton', array('buttonType'=>'submit', 'type'=>'primary', 'label'=>'提交', 'htmlOptions'=>array('id'=>'buttonStateful'))); 
        ?></span>


2、对checkbox是否选中和选中值判定

<span style="font-size:14px;"><script type="text/javascript">
$('#buttonStateful').click(function(){
	
    var cblists = $("[id *= Tice_modules]");
    var module= '';
    for (var i=0; i<cblists.length; i++) {
        if (cblists[i].checked) {
            if (module != ''){
                module += ',';
            }
            module += cblists[i].value;
        }
    }
	if(module){
		url = "/controller/action?id=<?php echo $_GET['id'];?>&module=" + module;
		window.location.href = http://www.mamicode.com/url;>


3、对checkbox是否选中判定

<span style="font-size:14px;"><script type="text/javascript">
$('#buttonStateful').click(function(){	
    
    var location = $("[id *= unit_location]");
    var result = false;

    for (var i = 0; i < location.length; i++) {
        if (location[i].checked) {
            result = true;
            break;                 
        }
    }
    if(result == false){
		alert('请选择Unit Location');
    }
});
</script> </span>

4、判断dropDownList中选中了哪一个

<span style="font-size:14px;"><script type="text/javascript">
$('#buttonStateful').click(function() {
	module = $('#theproject').find('option:selected').text();
	if (module){
		var btn = $(this);
	    btn.button('loading'); // call the loading function
		url = '/controller/action?id=<?php echo $id;?>&module=' + module;
		window.location.href=http://www.mamicode.com/url;>